[j Flutter] CurvedNavigationBar GlobalKey 사용하기

이전 포스팅에서 CurvedNavigationBar를 적용해 보았다. ↓↓↓

 

2020.11.10 - [Flutter] - [j Flutter] BottomNavigationBar -> CurvedNavigationBar 적용하기

[j Flutter] BottomNavigationBar -> CurvedNavigationBar 적용하기

 

 

이번에는 globalkey를 사용하여 해당 페이지로 이동하는 것을 적용해보자.

 

 

1. globalkey 적용 파일 생성

 

import 'package:flutter/cupertino.dart';

class NavbarKey {
  NavbarKey._();

  static final GlobalKey _key = GlobalKey();

  static GlobalKey getKey() => _key;
}

 

 

2. 하나의 페이지에서 버튼 생성 후 누르면 첫번째 페이지로 이동하게 한다.

 

RaisedButton(
          child: Text('Continue shopping'),
          onPressed: () {
            final CurvedNavigationBarState navState =
                NavbarKey.getKey().currentState;

            navState.setPage(0);
          },
        )

 

3. CurvedNavigationBar 속성에 key를 추가해 준다.

 key: NavbarKey.getKey()