5f4c6b9fda1f ·

import 'package:flutter/material.dart';
import './home.dart';
import './myInfo.dart';

class Index extends StatefulWidget {
@override
_IndexState createState() => _IndexState();
}

class _IndexState extends State<Index> with SingleTickerProviderStateMixin{

int _currentIndex = 0;

void _changeTab(int index){
setState(() {
_currentIndex = index;
});
}

@override
Widget build(BuildContext context) {

return Scaffold(
appBar: AppBar(
title: Text('首页'),
),
body: IndexedStack(
index: _currentIndex,
children: <Widget>[
Home(),
Container(
child: Text('222'),
),
MyInfo()
],
),
bottomNavigationBar: BottomNavigationBar(
currentIndex: _currentIndex,
onTap: (int a)=>_changeTab(a),
items: <BottomNavigationBarItem>[
BottomNavigationBarItem(icon: Icon(Icons.home), title: Text('Home')),
BottomNavigationBarItem(icon: Icon(Icons.business), title: Text('Business')),
BottomNavigationBarItem(icon: Icon(Icons.school), title: Text('School')),
],
),
);

}

### 这样才是最优的底部tab吧，TabBarView还是用来做web中的tabs我感觉。

bb1b4864a49e 评论自flutter实战6：TAB页面切换免重绘