);
}
}
// 页面2
import ‘package:flutter/material.dart’;
class PageB extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Center(
child: Text(“PageB”),
);
}
}
// 页面3
import ‘package:flutter/material.dart’;
class PageC extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Center(
child: Text(“PageC”),
);
}
}
// 页面4
import ‘package:flutter/material.dart’;
class PageD extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Center(
child: Text(“PageD”),
);
}
}
4.2 核心代码
main.dart
/**
- 导入库
**/
import ‘package:flutter/material.dart’;
import ‘PageA.dart’;
import ‘PageB.dart’;
import ‘PageC.dart’;
import ‘PageD.dart’; // Material UI组件库
void main() => runApp(MyApp());
// 无状态控件显示
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
// 主界面入口返回的组件 = MaterialApp
return MaterialApp(
title: ‘Widget_Demo’, //标题
theme: ThemeData(primarySwatch: Colors.blue), //主题色
home: MyWidget(), // 返回一个Widget对象,用来定义当前应用打开的时候,所显示的界面
);
}
}
class MyWidget extends StatefulWidget {
@override
State createState() {
return new _MyWidgetState();
}
}
class _MyWidgetState extends State {
// 导航栏的item
final List bottomNavItems = [
BottomNavigationBarItem(
backgroundColor: Colors.blue,
icon: Icon(Icons.home),
title: Text(“首页”),
),
BottomNavigationBarItem(
backgroundColor: Colors.green,
icon: Icon(Icons.message),
title: Text(“消息”),
),
BottomNavigationBarItem(
backgroundColor: Colors.amber,
icon: Icon(Icons.shopping_cart),
title: Text(“购物车”),
),
BottomNavigationBarItem(
backgroundColor: Colors.red,
icon: Icon(Icons.person),
title: Text(“个人中心”),
),
];
int currentIndex; // 当前下标
final pages = [PageA(), PageB(), PageC(), PageD()];// 下标对应显示的界面
@override
void initState() {
super.initState();
currentIndex = 0;
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(“底部导航栏”),
),
bottomNavigationBar: BottomNavigationBar(
items: bottomNavItems, // 导航栏下标item
currentIndex: currentIndex, // 当前下标
type: BottomNavigationBarType.fixed,
fixedColor: Colors.green,
iconSize: 15,
onTap: (index) {
_changePage(index); // 点击回调
},
),
body: pages[currentIndex],
);
}
// 切换页面
void _changePage(int index) {
// 若点击的导航项不是当前项切换
if (index != currentIndex) {
setState(() {
currentIndex = index;
});
}
}
}
4.3 示意图
推荐阅读:
字节跳动8年老Android面试官谈;Context都没弄明白凭什么拿高薪?
做了六年Android,终于熬出头了,15K到31K全靠这份高级面试题+解析
字节、腾讯,阿里Android高级面试真题汇总,会一半随便进大厂
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(资料价值较高,非无偿)
![](https://img-blog.csdnimg.cn/img_convert/aabe951f6e56e16a3c2aff1830b1f00b.jpeg)
最后
分享一份工作1到5年以上的Android程序员架构进阶学习路线体系,希望能对那些还在从事Android开发却还不知道如何去提升自己的,还处于迷茫的朋友!
-
阿里P7级Android架构师技术脑图;查漏补缺,体系化深入学习提升
-
**全套体系化高级架构视频;**七大主流技术模块,视频+源码+笔记
有任何问题,欢迎广大网友一起来交流
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门即可获取!
]
- **全套体系化高级架构视频;**七大主流技术模块,视频+源码+笔记
[外链图片转存中…(img-AEvCqXng-1711556828556)]
有任何问题,欢迎广大网友一起来交流