flutter Row

  • Row的基本属性

    children:传入子组件的数组
    mainAxisAlignment: 子组件在水平方向上的对齐方式
    crossAxisAlignment:子组件在纵轴方向上的对齐方式
    textDirection:布局顺序,一般情况从左到右
    mainAxisSize:max,表示尽可能多的占用水平方向上的位置,min则反之
    
MainAxisAlignment.spaceEvenly
MainAxisAlignment.spaceAround
MainAxisAlignment.spaceBetween
  • 例子
 Row(
        mainAxisAlignment: MainAxisAlignment.center,
        textDirection: TextDirection.rtl,
        children: <Widget>[
          Container(
            width: 100,
            height: 100,
            color: Colors.red,
            alignment: Alignment.center,
            child: Text("A", style: TextStyle(fontSize: 24, color: Colors.white), textDirection: TextDirection.ltr,),
          ),
          Container(
            width: 100,
            height: 100,
            color: Colors.yellow,
            alignment: Alignment.center,
            child: Text("B", style: TextStyle(fontSize: 24, color: Colors.white), textDirection: TextDirection.ltr,),
          ),
          Container(
            width: 100,
            height: 100,
            color: Colors.green,
            alignment: Alignment.center,
            child: Text("C", style: TextStyle(fontSize: 24, color: Colors.white), textDirection: TextDirection.ltr,),
          ),
        ],
      ),
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容