flutter Align 与 Center

作者: bigCatloveFish | 来源:发表于2020-04-23 00:23 被阅读0次

    1,flutter 中的align 接受三个参数

        alignment,
        widthFactor,
        heightFactor,
    
    • alignment 是一个 Alignment 类 。Alignment( ,y) , x 与 y 均为 -1 到 1的 值。
     static const Alignment center = Alignment(0.0, 0.0); 中心点为 0, 0
    
    • widthFactor 与 heightFactor 这俩值的作用是计算align的大小。默认是 1。这俩值在文档上 写的是
      正数即可。

    2,flutter 中的align 的用法

    1,一个宽度高度为10的方块 。
    2,父视图的宽度为子试图宽度的 3 倍。 高度为子试图的8倍。
    3,子视图在父视图的中点。


    WeChat51d463cac8dd9d714297b27b3b6f470a.png WeChat8f6635d21aab2f843a7d8c3a40b8a474.png

    2,flutter 中的center

    center 继承自aligin 因为aligin 的alignment 默认为 Alignment.center 于是

    class Center extends Align {
      /// Creates a widget that centers its child.
      const Center({ Key key, double widthFactor, double heightFactor, Widget child })
        : super(key: key, widthFactor: widthFactor, heightFactor: heightFactor, child: child);
    }
    

    center 是一个 不能设置 alignment的aligin。

    相关文章

      网友评论

        本文标题:flutter Align 与 Center

        本文链接:https://www.haomeiwen.com/subject/ajdnihtx.html