炸裂！成功仿出Flutter微信界面-红包-朋友圈，我在鹅厂等你！(1)

• 字体图标：阿里iconfont字体图标库

鉴于flutter基于dart语言，需要安装Dart Sdk / Flutter Sdk，如何搭建开发环境，可以去官网查阅资料

https://flutter.cn/

https://flutterchina.club/

https://pub.flutter-io.cn/

https://www.dartcn.com/

flutter沉浸式状态栏/底部tabbar

flutter中如何实现顶部全背景沉浸式透明状态栏(去掉状态栏黑色半透明背景)，去掉右上角banner，可以去看这篇文章

https://segmentfault.com/a/1190000022483730

flutter图标组件/IconData自定义封装组件

• 1、使用系统图标组件： Icon(Icons.search) 

• 2、使用IconData方式： Icon(IconData(0xe60e, fontFamily:'iconfont'), size:24.0)

使用第二种方式需要先下载阿里图标库字体文件，然后在pubspec.yaml中引入字体

class GStyle {

// __ 自定义图标

static iconfont(int codePoint, {double size = 16.0, Color color}) {

return Icon(

IconData(codePoint, fontFamily: ‘iconfont’, matchTextDirection: true),

size: size,

color: color,

);

}

}

调用非常简单，可自定义颜色、字体大小；
GStyle.iconfont(0xe635, color: Colors.orange, size: 17.0)

flutter实现badge红点/圆点提示

class GStyle {

// 消息红点

static badge(int count, {Color color = Colors.red, bool isdot = false, double height = 18.0, double width = 18.0}) {

final _num = count > 99 ? ‘···’ : count;

return Container(

alignment: Alignment.center, height: !isdot ? height : height/2, width: !isdot ? width : width/2,

decoration: BoxDecoration(color: color, borderRadius: BorderRadius.circular(100.0)),

child: !isdot ? Text(‘$_num’, style: TextStyle(color: Colors.white, fontSize: 12.0)) : null

);

}

}

支持自定义红点大小、颜色，默认数字超过99就…显示；
GStyle.badge(0, isdot:true)
GStyle.badge(13)
GStyle.badge(29, color: Colors.orange, height: 15.0, width: 15.0)

flutter聊天页面功能

• 在flutter中如何实现类似上图编辑器功能？通过TextField提供的多行文本框属性maxLines就可实现。

Container(

margin: GStyle.margin(10.0),

decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(3.0)),

constraints: BoxConstraints(minHeight: 30.0, maxHeight: 150.0),

child: TextField(

maxLines: null,

keyboardType: TextInputType.multiline,

decoration: InputDecoration(

hintStyle: TextStyle(fontSize: 14.0),

isDense: true,

contentPadding: EdgeInsets.all(5.0),

border: OutlineInputBorder(borderSide: BorderSide.none)

),

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

最后

给大家分享一份移动架构大纲，包含了移动架构师需要掌握的所有的技术体系，大家可以对比一下自己不足或者欠缺的地方有方向的去学习提升；

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

不足或者欠缺的地方有方向的去学习提升；**

[外链图片转存中…(img-XdSjIJYd-1712471603230)]

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！