Flutter GetX 화면전환 Transition

현재 개발중인 재고관리 PDA 앱

 

1. MaterialApp 대신 GetMaterialApp 적용

2. 

          initialRoute: '/',
          getPages: [
            GetPage(name: '/', page: () => Home()),
            GetPage(name: '/A10', page: () => A10(), transition: Transition.rightToLeftWithFade, transitionDuration: Duration(milliseconds: 200)),
            GetPage(name: '/A20', page: () => A20(), transition: Transition.rightToLeftWithFade, transitionDuration: Duration(milliseconds: 200)),
            GetPage(name: '/A30', page: () => A30(), transition: Transition.rightToLeftWithFade, transitionDuration: Duration(milliseconds: 200)),
            GetPage(name: '/A40', page: () => A40(), transition: Transition.rightToLeftWithFade, transitionDuration: Duration(milliseconds: 200)),
            GetPage(name: '/A50', page: () => A50(), transition: Transition.rightToLeftWithFade, transitionDuration: Duration(milliseconds: 200)),
            GetPage(name: '/A60', page: () => A60(), transition: Transition.rightToLeftWithFade, transitionDuration: Duration(milliseconds: 200)),
            GetPage(name: '/A70', page: () => A70()),
            GetPage(name: '/A80', page: () => A80()),
          ],

 요런식으로 적용

 

3. 

onTap: () => Get.toNamed('/A10'),

참고 블로그 : https://salmonpack.tistory.com/27