Flutter列表索引、懸停效果原始碼

介紹：AzListView，Flutter 城市列表，聯絡人列表，自定義Header，索引，懸停效果

原始碼下載：https://www.dandroid.cn/?p=6950

Flutter招聘app原始碼

介紹：招聘相關app原始碼

原始碼下載：https://www.dandroid.cn/?p=6926

Flutter底部導航凸起效果

int _selectedIndex = 0;// 建立陣列引入頁面List pglist = [HomePage(), FindPage(), CartPage(), ZonePage(), UcenterPage(),];

...

Scaffold(body: pglist[_selectedIndex],

// 抽屜選單// drawer: new Drawer(),

// 底部凸起凹陷導航欄

bottomNavigationBar: BottomAppBar(color: Colors.white,shape: CircularNotchedRectangle(),

child: Row(

mainAxisAlignment: MainAxisAlignment.spaceAround,

children: <Widget>[

IconButton(icon: Icon(Icons.home),

color: _selectedIndex == 0 ? Colors.red : Colors.grey,

onPressed: (){_onItemTapped(0);},),

IconButton(icon: Icon(Icons.search),

color: _selectedIndex == 1 ? Colors.red : Colors.grey,

onPressed: (){_onItemTapped(1);},),

SizedBox(width: 50,),

IconButton(icon: Icon(Icons.photo_filter),color: _selectedIndex == 3 ? Colors.red : Colors.grey,

onPressed: (){_onItemTapped(3);},),

IconButton(icon: Icon(Icons.face),color: _selectedIndex == 4 ? Colors.red : Colors.grey,

onPressed: (){_onItemTapped(4);},),],),),)

void _onItemTapped(int index) {setState(() {_selectedIndex = index;});}

Flutter GridView實現瀑布流

介紹：Flutter交錯GridView（可以實現瀑布流）

原始碼下載：https://www.dandroid.cn/?p=6946

Flutter社交UI效果原始碼

原始碼下載：https://www.dandroid.cn/?p=6932