flutter 常用组件:文本、图片和按钮

本文介绍了Flutter中的基本组件,包括文本控件,详细讲解了TextStyle的使用和Text、RichText的渲染逻辑。接着探讨了富文本控件TextSpan的实现,以及如何创建混合样式的富文本。在图片部分,提到了本地图片的引入和网络图片的加载,特别是网络图片的缓存机制。最后,文章阐述了FloatingActionButton、ElevatedButton和TextButton三种不同类型的按钮及其特点。
摘要由CSDN通过智能技术生成

文本控件

##一’码’当先

Text('这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本这是一段文本',textAlign:TextAlign.center,style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20, color: Colors.red)), 
属性 描述
textAlign 对其方式
style 样式

其中style的类型是TextStyle,在这里可以设置字体样式,字号大小,字体颜色等

##渲染逻辑

class Text extends StatelessWidget

Text是一个StatelessWidget,buld方法返回的RichText

class RichText extends MultiChildRenderObjectWidget

RichText 是 MultiChildRenderObjectWidget的子类,具有生成RenderObject树的能力,想了解flutter绘制过程详情请参考上篇文章:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值