7 标题组件实现方式
2023-05-10 本文已影响0人
flyfishcxy
不知到大家在软件开发过程中,首页一般展示UI都会有标题来分割,所以这个时候标题组件就出现
那么话不多说,我们开始来详细描述 本地数据和轮播图组件绑定实现过程:
1 在Home.dart文件创建1个titleWidget组件函数
![](https://img.haomeiwen.com/i1371985/9d764be7f4cc47c5.png)
3 函数采用Container+text(显示字符串)+ decoration(Border-left)组件来实现,设置线的宽度红框就出现了
![](https://img.haomeiwen.com/i1371985/abcea49a75399673.png)
4 在build函数调用_titleWidget函数
![](https://img.haomeiwen.com/i1371985/072561d1e231046e.png)
5 命令行执行flutter run 看效果
![](https://img.haomeiwen.com/i1371985/39868f60ee3182fb.png)
总结:
用Container加text组件+decoration--边框Border方式