- 변수 선언 및 class에 with 세팅
class _MyApp extends State<MyApp> with SingleTickerProviderStateMixin{
TabController? _tabController;
int _selectedTabIndex = 0;
}
- 초기화 밑 dispose
@override
void initState(){
super.initState();
_tabContoller = TabController(length: 3, vsync: this);
_tabController!.addListner(
() => setState(
()=> _selectedTabInxex = _tabContoller!.index
)
);
}
@override
void dispose(){
_tabController?.dispose();
super.dispose();
}
- 구현
@override
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(icon: Icon(
Icons.person,
color: Colors.gry
),
text: "Customer",
),
]
)
),
);
}