温馨提示: 豌豆仅提供国内节点,不提供境外节点,不能用于任何非法用途,不能访问境外网站及跨境联网。

免费领取1万IP!

Flutter——UI布局

发布时间:

基础布局

  • Container
    普通布局,可以指定布局的宽高、背景颜色、子控件的位置规则。

    • width: 布局宽度。不指定则为宽度占满。
    • height: 布局高度。不指定则为高度占满。
    • color: 布局背景颜色。
    • alignment: 子控件位置规则。如Alignment.topLeft,共九个。上中下、左中右分别组合对应。
    • padding/margin: 布局的内外间隔。取值EdgeInsets.all(12)表明上下左右均设为12,EdgeInsets.fromLTRB(12, 24, 0, 0)表明分别设置左上右下间隔为12、24、0、0。
    • decoration: 布局修饰,不可与color属性一起使用。使用示例如下:
      decoration: new BoxDecoration(
       	// 线性渐变色
       	gradient: const LinearGradient(
           	// 方向和色值数组。这里设为从上到下的红绿蓝,默认是从左到右
           	begin: Alignment.topCenter,
           	end: Alignment.bottomCenter,
           	colors: [Colors.red, Colors.green, Colors.blue]
         	)
      )
      
  • Center
    将子控件放置在自己内部中心。

    • widthFactor: 宽度系数,正数,父控件宽度/子控件宽度。不指定则为宽度占满。
    • heightFactor: 高度系数,正数,父控件高度/子控件高度。不指定则为高度占满。

相关文章


时间序列预测(一)—— 数据预处理 透视相机(PerspectiveCamera) 解决Python模块报错:ModuleNotFoundError: No module name ' 时间序列预测(五)—— Prophet模型 使用expect实现自动2步登录 demo10 关于JS Tree Shaking JavaScript 发布-订阅模式 谈谈你对Promise的理解

上一篇:xcodebuild自动打包,发布应用
下一篇:《Spark The Definitive Guide》Chapter 4:结构化API预览

咨询·合作