Flutter 项目实战 01 用BottomNavigationBar自定义底部导航栏

class Tabs extends StatefulWidget {

final index;

Tabs({Key key, this.index = 0}) : super(key: key);

@override

_TabsState createState() => _TabsState(this.index);

}

class _TabsState extends State {

var _tabImages;

var _tabTitle;

var _pageList;

// 当前显示页面的下标

int _currentIndex;

_TabsState(index) {

this._currentIndex = index;

}

/*

• 根据选择获得对应的noimal或是press的图片

  */

  Image getTabIcon(int curIndex) {

  if (this._currentIndex == curIndex) {

  return this._tabImages[curIndex][1];

  } else {

  return this._tabImages[curIndex][0];

  }

  }

/*

• 根据image路径获取图片

  */

  Image getTabImage(path) {

  return Image.asset(

  path,

  width: 20.0,

  height: 20.0,

  );

  }

<