반응형

어플리케이션 구성시, 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()),
  ];
}

+ Recent posts