网上看的一段布局代码,有些地方不明白

  •  0 收藏,136 浏览

0

代码片段:
Widget _getRowWidget2() {

return new Row(children: <Widget>[
  new Flexible(      flex: 1,      fit: FlexFit.tight, //和android的weight=1效果一样
      child: new Stack(children: <Widget>[
        new Column(children: <Widget>[
          new Text("title".trim(),              style: new TextStyle(color: Colors.black, fontSize: 20.0,),              textAlign: TextAlign.left),
          new Text("desc", maxLines: 3,)
        ],)
      ],)
  ),
  new ClipRect(child: new FadeInImage.assetNetwork(    placeholder: "images/ic_shop_normal.png",    image: "images/ic_shop_normal.png",    width: 50.0,    height: 50.0,    fit: BoxFit.fitWidth,),),
],);

}

效果:

https://img.mukewang.com/5b66e28000013cf504040176.jpg

问题:
1、按我的理解是一行两列布局的,但代码写的是两行,为什么?
2、不是很明白Flexible与Stack的用法。

一只名叫tom的猫
浏览 706回答 1
1回答

慕田峪7331174

Flexible 跟 css 的 flex 是一回事.Stack 跟 css 的&nbsp;position: absolute&nbsp;是一样的. 绝对布局.&nbsp;示例代码中的 Stack 没有实际意义.
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript