Flutter 安卓app web网页电脑桌面软件 _web网页

登山则情满于山，观海则意溢于海。这篇文章主要讲述Flutter 安卓app web网页电脑桌面软件相关的知识，希望能为你提供帮助。
Flutter 安卓app 、web网页、电脑桌面软件Flutter不但可以做app，还可以做电脑桌面软件、还有web网页等等其他平台系统软件，最近学了一点flutter基础组件，运行试一下了web网页、电脑桌面软件、安卓app，其他平台就不去尝试，因为我的电脑只是Windows系统的先去下载新版本的androidStudio，官方下载地址：??https://developer.android.google.cn/studio/??

进入官方页面点下面按钮进行下载：

安装完的AndroidStudio启动页面图片：
然后新建flutter项目：

新建flutter选择你想要的平台Android、ios、Web、Windows：

flutter用dart语言写的底部导航栏四个按钮切换页面代码：

class _IndexState extends State< IndexPage> {
final List< BottomNavigationBarItem> bottomNavItems = [
BottomNavigationBarItem(
icon: Icon(Icons.home),
label: "首页",
),
BottomNavigationBarItem(
icon: Icon(Icons.message),
label: "消息",
),
BottomNavigationBarItem(
icon: Icon(Icons.shopping_cart),
label: "购物车",
),
BottomNavigationBarItem(
icon: Icon(Icons.person),
label: "个人中心",
),
];

int currentIndex=0;

final pages = [ Home(),Message(), Book(), Person()]; /*底部导航栏四个按钮点击要跳到的对应四个界面*/

@override
void initState() {
super.initState();
currentIndex = 0;
}

@override
Widget build(BuildContext context) {
return Scaffold(
bottomNavigationBar: BottomNavigationBar(
items: bottomNavItems,
currentIndex: currentIndex,
type: BottomNavigationBarType.fixed,
onTap: (index) {
_changePage(index);
},
),
body: pages[currentIndex],
);
}

/*切换页面*/
void _changePage(int index) {
/*如果点击的导航项不是当前项切换 */
if (index != currentIndex) {
setState(() {
currentIndex = index;
});
}
}
}