GoRouter

<aside> 💡 기본적으로 Flutter에서 자주 사용되는 View Router 관리를 위한 패키지

</aside>

Flutter에서 페이지 및 Router 관리의 도움을 주는 GoRouter를 알아보자

1. 먼저 디펜던시를 추가한다

dependencies:
  go_router: ^4.5.0

1. 기본 제공되는 예시를 보자

라우터 정의

import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';

void main() => runApp(App());

class App extends StatelessWidget {
  App({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp.router(
      routeInformationProvider: _router.routeInformationProvider,
      routeInformationParser: _router.routeInformationParser,
      routerDelegate: _router.routerDelegate,
      title: 'GoRouter Example',
    );
  }

  final GoRouter _router = GoRouter(
    routes: <GoRoute>[
      GoRoute(
        path: '/',
        builder: (BuildContext context, GoRouterState state) {
          return ScreenA();
        },
      ),
      GoRoute(
        path: '/page2',
        builder: (BuildContext context, GoRouterState state) {
          return ScreenB();
        },
      ),
    ],
  );
}

라우터 사용시

onTap: () => GoRouter.of(context).go('/page2')

1. 이를 참고하자면 go_router를 사용하기 위해서는 GoRouter 객체를 먼저 선언해야한다.