flutter - 如何对齐 FlatButton 的子级

标签 flutter dart flutter-layout

我正在尝试将 2 个文本和一个图像作为 FlatButton 的子元素对齐 (like this)但不知何故,这些元素没有按应有的方式对齐。

我尝试过使用 Stack、Align、Rows 等,但并没有真正成功(在 dart 或 flutter 方面我也是初学者)

new ButtonTheme(
          minWidth: 171,
          height: 176,
          child:new Container(
                decoration: new BoxDecoration(
                borderRadius: new BorderRadius.circular(19),
                gradient: new LinearGradient(
                  begin: Alignment.centerLeft,
                  end: Alignment.centerRight,
                  colors: [
                    Color(0xFF8F94FB),
                    Color(0xFF5D62D4)
                  ]
                )
                ),
                child: FlatButton(
                  onPressed: () => handleButtonClick(),
                  shape: new RoundedRectangleBorder(
                    borderRadius: new BorderRadius.circular(19)
                  ),
                  child: new Stack(
                    children: <Widget>[
                      Align(
                        alignment: Alignment.bottomLeft,
                        child: Image.asset('assets/daily_icon.png', width: 109, height: 109),
                      )
                    ],
                  ),
                  ),
              ), 
          ),

这是结果:Image

最佳答案

用下面的代码替换您的 FlatButton,看看它是否适合您。

     FlatButton(
                padding: const EdgeInsets.all(0),
                onPressed: () => {

                },
                shape: new RoundedRectangleBorder(
                    borderRadius: new BorderRadius.circular(19)
                ),
                child: new Stack(
                  children: <Widget>[
                    Container(
                      width: 109,
                      height: 109,
                      child: Align(
                        alignment: Alignment.bottomLeft,
                        child: Image.asset('assets/demo.png',fit: BoxFit.fitHeight,),
                      ),
                    ),

                  ],
                ),
              ),

关于flutter - 如何对齐 FlatButton 的子级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56342260/

相关文章:

android - Flutter 的 'path_provider' 依赖项中的未定义类

flutter - didChangeDependencies 和 initState 有什么区别?

dart - Flutter 如何为 Map<K,V> 中的键更新/添加值

flutter - 如何使一行中的小部件与最宽的小部件宽度相同

flutter - 如何在 flutter 中将 List<Asset> 转换为 List<File>

flutter 如何在 GetView<Controller> 类中实现动画

dart - 如何在 flutter 中自动调整行内文本的大小

flutter - 使用 getx 包重置 flutter 中 Controller 的所有值?

flutter - AnimatedSwitcher 没有按预期工作?小部件更改但没有动画

Flutter CrossAxisAlignment 在中心完成