首页 > 解决方案 > 在 Flutter 中向上推 Column 的子项

问题描述

这是列中的行。我想移动屏幕的行顶部。

这样做的方法是什么?

return new Scaffold(
      body: new Column(
        children: <Widget>[
          
          new Expanded(
            child: Row(
              
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: [
                GestureDetector(
                  onTap: () {
                    setState(() {
                    });
                  },
                  child: Container(
                    padding: const EdgeInsets.all(8),
                    child: Image.network(
                      'https://picsum.photos/250?image=9', height: 70, width: 70),
                  ),
                ),

                GestureDetector(
                  onTap: () {
                    setState(() {
                    });
                  },
                  child: Image.network('https://picsum.photos/250?image=9', height: 70, width: 70),
                ),
                
              ],
            )
          ),
        )

标签: flutterdart

解决方案


您可以通过将其添加到该行来向上移动该行

   crossAxisAlignment: CrossAxisAlignment.start,

这将尽可能地吸收它。

然后您可以通过将 sizedBox 添加到列的顶部位置来根据需要更改它

Column(
        children: <Widget>[
          SizedBox(height: 200,),

          new Expanded( ..... )

推荐阅读