TabBar(
indicator: const BoxDecoration(),
…
)
iPhone X系列底部横条重叠
当TabBar放在底部,作为bottomNavigationBar的时候,会被iPhoneX的底部横条覆盖,解决办法是使用SafeArea空间包住TabBar
@override
Widget build(BuildContext context) {
return Scaffold(
… //此处代码省略
bottomNavigationBar: Container(
child: SafeArea(
child: TabBar(
controller: controller,
…
),
),
),
);
}
自定义的Tab图标点击变化
Tab的图标如果使用的是Icon,则自带点击图标变化效果。但如果用的是自定义Image,则需要通过setState管理Image引用的资源才能实现其效果。全部代码如下
class _MyHomePageState extends State
with SingleTickerProviderStateMixin {
TabController controller; //底部导航控制器
int _currentIndex = 0; //选中位置
String tab1Res; //Tab1的图片资源
String tab2Res; //Tab2的图片资源
@override
void initState() {
super.initState();
//初始化默认图片资源
tab1Res = ‘assets/images/ic_groups_activated.png’;
tab2Res = ‘assets/images/ic_me.png’;
controller = TabController(length: 2, vsync: this);
//TabBar监听器
controller.addListener(() => _onTabChanged());
}
@override
Widget build(BuildContext context) {
return Scaffold(
… //此处代码省略
bottomNavigationBar: Container(
height: 55,
decoration: BoxDecoration(color: Colors.white, boxShadow: [
BoxShadow(color: const Color(0xFFd0d0d0), blurRadius: 1.0)
]),
child: SafeArea(
child: TabBar(
controller: controller,
tabs: [
Tab(
text: “Tab1”,
icon: Image.asset(tab1Res, width: 30, height: 30)),
Tab(
text: “Tab2”,
icon: Image.asset(tab2Res, width: 30, height: 30)),
],
),
),
),
);
}
/*
底部导航点击事件
*/
_onTabChanged() {
if (controller.indexIsChanging) {
if (this.mounted) {
this.setState(() {
switch (controller.index) {
case 0:
tab1Res = ‘assets/images/ic_groups_activated.png’;
tab2Res = ‘assets/images/ic_me.png’;
break;
case 1:
tab1Res = ‘assets/images/ic_groups.png’;
tab2Res = ‘assets/images/ic_me_activated.png’;
break;
}
_currentIndex = controller.index;
});
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)
最后
Android学习是一条漫长的道路,我们要学习的东西不仅仅只有表面的 技术,还要深入底层,弄明白下面的 原理,只有这样,我们才能够提高自己的竞争力,在当今这个竞争激烈的世界里立足。
人生不可能一帆风顺,有高峰自然有低谷,要相信,那些打不倒我们的,终将使我们更强大,要做自己的摆渡人。
资源持续更新中,欢迎大家一起学习和探讨。
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
更新中,欢迎大家一起学习和探讨。
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!