flutter页面上写html标签,flutter 页面布局及标签-入门篇

本文介绍了如何在Flutter中创建页面布局,包括头部设置、Container、Row、Column、Image和ListView的使用,并展示了如何在Flutter中显示HTML标签。详细讲述了尺寸获取、样式调整以及图片的本地和网络加载,提供了实现圆角效果的方法。
摘要由CSDN通过智能技术生成

flutter布局有点难受(对于一个写了多年css的我来说是这样的),所以我会尽量把文章也写的详细一点,方便大家参考和快速上手。

1、页面头部设置

通过修改

appBar: new AppBar(

title: new Text('我是头部'),

)

7566e4fb8d3f

image.png

2、container使用

7566e4fb8d3f

image.png

1.屏幕宽高获取:final oSize=window.physicalSize(oSize是我自己起的)

2.方式:宽-> oSize.width 高-> oSize.height

3.此container还包含了一个Text标签(最后一行就是)

3、row(横向布局)

7566e4fb8d3f

WeChate3e374d27594ed4fab8c5b98de1a5acc.png

其中padding和margin设置方式有两种:

const EdgeIns

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值