Flutter第7天--字体图标+综合小案例+Android代码交互，app架构图

);

//中间的信息
var center4 = Row(
children: [
Expanded(child: pda(center_right, 5)),
Image.network( note.imgUrl,
width: 80, height: 80, fit: BoxFit.fitHeight )
],
);

var end4 = Row(
children: [
Icon( Icons.grade, color: Colors.green, size: 20, ),
Text( “1000W”, style: infoStyle,),
pd(Icon(Icons.tag_faces, color: Colors.lightBlueAccent, size: 20),
l: 15, r: 5),
Text(“2000W”, style: infoStyle),
],
);

var item4 = Column(
children: [line1_4, Expanded(child: center4), end4],
);

var aCard = Card(
child: Container( height: 160,color: Colors.white,
padding: EdgeInsets.all(10), child: item4));
return aCard;
}
}

---

现在万事俱备，东风也到了,num小小动一下：num=30

–	–

也许你感觉还未开始，但确实已经结束了…

---

6.底部导航栏的切换：(下面两个图一样的，为了撑场面…)

刚才是数据没有分类型，现在点击底部导航，按范围进行展示

get(style: "area/A", num: 30)//这样就是展示又有安卓类的文章

-	-

android_stack.dart添加成员变量

这里我默认加载完，做分页的话，再添加个_count的成员变量就行了

String style = “area/A”;

//页面打开，默认加载安卓页
@override
void initState() {
super.initState();
get(style: style, num: 1000).then((beanLi) {
_notes = beanLi;
setState(() {});
});
}

//底部栏点击监听—动态改变范围
void _onTapBNB(int position) {
switch (position) {
case 0:
style = “area/A”;
break;
case 1:
style = “area/SB”;
break;
case 2:
style = “area/Re”;
break;
case 3:
style = “area/Note”;
break;
case 4:
style = “area/A”;
break;
}
_curIndex = position;
get(style: style, num: 1000).then((beanLi) {
_notes = beanLi;
setState(() {});
});
}

---

7.底部栏和搜索功能

底部栏用法详情在第四篇

–	–

---

底部栏:这里把事件写在里面了，你也可以抽成方法

或者有些控件太长，你也可以抽出来做变量

var searchSheet = BottomSheet(
onClosing: () {},
builder: (context) => (Card(
color: Color.fromARGB(255, 214, 242, 251),
child: Wrap(
children: [
Center(child: pdhv(TextField(
onChanged: (v) {style = “name/” + v;}), h: 60)),
Center(child: pdhv( GestureDetector(child:
Image.asset(“images/icon_90.png”,width: 50,height: 50 ),
onTap: () {
get(style: style, num: 1000).then((beanLi) {
_notes = beanLi;
setState(() {});
});
},
),
v: 10)),
],
))));

//点击按钮弹出：
var scContext; //先声明一下Scaffold的context
var scaffold = Scaffold(
appBar: AppBar(
title: Text(“张风捷特烈”)