[Flutter] routes 사용법

이렇게

페이지가 많은 경우 Tab, Nivigator 말고 아래와 같이 route를 활용할 수 있다.

void main() {
  runApp(
    MaterialApp(
      initialRoute: '/',
      routes: {
        '/': (c) => Text('초기 페이지'),
        '/detail': (c) => Text('다음 페이지')
      },
  );
}

initialRoute

앱 로드시 이동할 route 지정

routes

route별 보여줄 페이지(위젯) 지정

Navigator.pushNamed(context, route)

Navigator.pushNamed(context, '/detail')
이거 쓰면 유저들이 버튼 눌렀을 때 다른 라우트로 이동시킬 수 있음

주의

맨 처음부터 route 나누는 작업은 불필요할 것 같고 페이지 많아지거나 복잡한 앱일 경우 거때 나눠주면 좋을듯 state 이런거 끼면 굉장히 복잡해질 가능성 농hoo