首页 > 其他 > 详细

底部导航栏1

时间:2020-01-09 20:27:19      阅读:75      评论:0      收藏:0      [点我收藏+]

代码

import ‘package:flutter/material.dart‘;

class BottomNavigationWidget extends StatefulWidget {
_BottomNavigationWidgetState createState() => _BottomNavigationWidgetState();
}

class _BottomNavigationWidgetState extends State<BottomNavigationWidget> {
final _bottomNavColor = Colors.blue;
@override
Widget build(BuildContext context) {
return Scaffold(
bottomNavigationBar: BottomNavigationBar(
items: [
BottomNavigationBarItem(
icon: Icon(
Icons.home,
color: _bottomNavColor,
),
title: Text(
‘home‘,
style: TextStyle(color: _bottomNavColor),
)
),
BottomNavigationBarItem(
icon: Icon(
Icons.email,
color: _bottomNavColor,
),
title: Text(
‘Email‘,
style: TextStyle(color: _bottomNavColor),
)
),
BottomNavigationBarItem(
icon: Icon(
Icons.airplay,
color: _bottomNavColor,
),
title: Text(
‘Airplay‘,
style: TextStyle(color: _bottomNavColor),
)
),
BottomNavigationBarItem(
icon: Icon(
Icons.scanner,
color: _bottomNavColor,
),
title: Text(
‘Scnner‘,
style: TextStyle(color: _bottomNavColor),
)
)
 
],
),
);
}
}
 
总结:

//底部导航栏

final _变量名a = Color.bule;

BottomNavigationBarItem(

item:[

BottomNavigationBarItem(

icon:Icon(

Icons.xxx //系统样式

color:_变量名a

)

)

 

]

)

 

在当前目录下 例如 lib 新建一个dart文件 右键 file  xxx.dart

引用其他文件 ,先import 文件 即可直接使用新文件下的class 

 

继承Statefulwidge 动态继承 ????和 statlessWidget的区别 没搞明白

 

底部导航栏1

原文:https://www.cnblogs.com/pp-pping/p/12172612.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!