Dart,Flutter
[Flutter] App route 구성하기.
하늘을 나는 미카
2022. 10. 19. 16:55
반응형
어플리케이션 구성시, named route 를 사용하면, 어플리케이션 구조를 좀더 단순화 할수 있습니다.
그러면 코드의 시인성( readability ) 도 좋아지겠죠?
app route를 사용 하는 방식도 여러가지가 있는데요.
그중에서 저는 아래와 같이 router를 따로 분리해서 사용하는 것을 선호 합니다.
app router의 page 구성
abstract class Routes{
static const INITIAL = '/';
static const DEVICE = '/device';
static const MONITOR = '/monitor';
static const SEARCH = '/search';
}
class AppPages {
static final pages = [
GetPage(
name: Routes.INITIAL, page: () => const MainPage()),
GetPage(
name: Routes.DEVICE, page: () => const DeviceControlPage()),
GetPage(
name: Routes.MONITOR, page: () => const MonitorPage()),
GetPage(
name: Routes.SEARCH, page: () => const SearchPage()),
];
}