# 네비게이션

### 경로 매개변수 사용하기

경로 매개변수는 화면 간에 데이터를 전달할 때 사용됩니다. 다음 단계를 따라 경로 매개변수를 사용할 수 있습니다.

![](https://2113601596-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQwN4pCJIiPfU3rtbboz1%2Fuploads%2FEqQyqZJPmQslYnLCY5FM%2Fimage.png?alt=media\&token=fbb517bb-8730-4d4e-a856-c534a8188ab4)![](https://2113601596-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQwN4pCJIiPfU3rtbboz1%2Fuploads%2FI98fMffdMYnvCDp07it5%2Fimage.png?alt=media\&token=9160d608-4cf5-4d46-9d69-e7ac6840fc37)

1. **Path Parameter 입력**: "Path Parameter" 입력란에 전달할 값을 정수로 입력하세요. 입력된 값은 경로 매개변수로 사용됩니다.
2. **값 전달**: "path parameter 값 전달" 버튼을 누르면 입력한 값이 다른 화면으로 전달됩니다.
3. **값 받아오기**: "path parameter 값 받아오기" 버튼을 누르면 다른 화면에서 경로 매개변수를 받아옵니다. 이 값을 받아온 후 화면에 표시합니다.

```dart
buttonTemp(
                'path parameter 값 전달',
                () => context.router.navigate(
                    SendPathParamsRoute(id: int.parse(myController.text))));
```

```dart
buttonTemp(
                'path parameter 값 받아오기',
                () => context.router.navigate(
                      ReceivePathParamsRoute(
                          id: int.parse(myController.text),
                          onCallBack: (pathParam) {
                            setState(() {
                              _receivedPathParam = pathParam;
                            });
                          }),
                    ));
```

### 탭 페이지로 이동

앱 내에서 탭 페이지로 이동하려면 다음 단계를 따르세요:

![](https://2113601596-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQwN4pCJIiPfU3rtbboz1%2Fuploads%2Fz2CxRbEsNHiA4ElD9TJQ%2Fimage.png?alt=media\&token=1b90cafa-2bc1-476a-94f1-2bd7ba3ef01d)![](https://2113601596-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQwN4pCJIiPfU3rtbboz1%2Fuploads%2FJJTrJpP04iSq8jYz70ww%2Fimage.png?alt=media\&token=af7cce1f-8c1f-4e22-8a28-5e03700ac479)

1. **"다른 탭 페이지로 이동" 버튼 클릭**: 이 버튼을 클릭하면 탭 페이지로 이동합니다.
2. **탭 페이지 내비게이션**: 탭 페이지 내에서 다양한 화면 간 전환을 수행할 수 있습니다.

### 주의사항

* 경로 매개변수를 전달할 때 올바른 값을 입력해야 합니다. 부정확한 값은 오류를 발생시킬 수 있습니다.
* 네비게이션을 통해 다른 화면으로 이동할 때, 앱 내에서 화면 간의 전환을 쉽게 관리할 수 있습니다.

Flutter 앱에서 네비게이션과 경로 매개변수를 활용하는 방법을 참고하여, 이러한 기능을 통해 사용자에게 더 나은 앱 경험을 제공할 수 있습니다.