하단 네비게이션 바

Dean·2023년 12월 26일
0

Flutter

목록 보기
1/1
  1. 변수 선언 및 class에 with 세팅
class _MyApp extends State<MyApp> with SingleTickerProviderStateMixin{
	TabController? _tabController;
	int _selectedTabIndex = 0;
}
  1. 초기화 밑 dispose

void initState(){
	super.initState();
    _tabContoller = TabController(length: 3, vsync: this); //컨트롤러 초기화 
    _tabController!.addListner(
    	() => setState(
        	()=> _selectedTabInxex = _tabContoller!.index
            ) //setState
         ); //addListner
}


void dispose(){
	_tabController?.dispose();
	super.dispose();
}
  1. 구현

Widget build(BuildContext context){
	return Scaffold(
		bottomNavigationBar: SizedBox(
			height: 70,
            child: TabBar(
            	controller: _tabController, //컨트롤러 맵핑
                tabs: const <Widget>[
                	Tab(icon: Icon(
                        		Icons.person,
                            	color: Colors.gry
                                ),
                        text: "Customer",
                       ), //Tab
                    Tab(icon: Icon(
                        		Icons.person,
                            	color: Colors.gry
                                ),
                        text: "Customer",
                       ), //Tab
                ] //<Widget>[]
             ) //TabBar
          ), //SizedBox
       ); //Scaffold
} // build
profile
딘딘딘

0개의 댓글