Flutter Container 组件、Text 组件、图片组件详解

已于 2023-01-08 09:56:02 修改
阅读量197 收藏
点赞数 1
分类专栏： # Flutter 文章标签： flutter android
于 2023-01-07 18:18:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/manerzi/article/details/128593533
版权
本文介绍了Flutter中的Text组件及其TextStyle参数，Container组件的使用，以及如何展示本地和网络图片。此外，还详细讲解了如何实现图片的圆角和圆形效果，包括Image组件的属性应用和pubspec.yaml的配置方法。
摘要由CSDN通过智能技术生成

文章目录

一、 Flutter Text 组件

在这里插入图片描述下面是 TextStyle 的参数 ：
在这里插入图片描述

在这里插入图片描述

二、 Flutter Container 组件

在这里插入图片描述
在这里插入图片描述

三、 Flutter 图片组件

图片组件是显示图像的组件，Image 组件有很多构造函数，这里我们只给大家讲两个：
Image.asset 本地图片
Image.network 远程图片

Imae 组件的常用属性
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

四、 Flutter 引入本地图片

在这里插入图片描述
然后，打开 pubspec.yaml 声明一下添加的图片文件，注意要配置对

在这里插入图片描述
最后，在代码中就可以用了

在这里插入图片描述

五、 Flutter 实现圆角以及实现圆形图片

实现圆角图片
在这里插入图片描述

实现圆形图片
在这里插入图片描述

蔓蔓的学习记录
关注
专栏目录
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值