因此,我正在尝试删除凸起按钮的底部边距,以使其看起来像与其下方的卡合并了。
这是flutter -  flutter ,如何摆脱提升按钮的底边距?-LMLPHP的样子

这是我的代码

Expanded(
          child: Card(
            elevation: 5,
            // shape:
            //     RoundedRectangleBorder(borderRadius: BorderRadius.circular(22)),
            child: Column(
                children: <Widget>[
                  Row(
                    children: <Widget>[
                      Padding(
                        padding: const EdgeInsets.all(8.0),
                        child: Text("Apakah anak sudah bisa ... ?",
                            style: TextStyle(fontWeight: FontWeight.bold)),
                      ),
                    ],
                  ),
                  Row(
                    children: <Widget>[
                      Expanded(
                        child: RaisedButton(
                            child: Text(
                              "Iya",
                              style: TextStyle(color: Colors.white),
                            ),
                            color: Colors.green[300],
                            onPressed: () {}),
                      ),
                      Expanded(
                          child: RaisedButton(
                              child: Text(
                                "Tidak",
                                style: TextStyle(color: Colors.white),
                              ),
                              color: Colors.red[200],
                              onPressed: () {}))
                    ],
                  )
                ],
              ),
          ),
        )

还是你们有其他替代解决方案来实现这一目标?

最佳答案

您可以显式设置Row的高度以匹配RaisedButton的高度。只需将其包装在Container中并添加height属性即可。

如果需要,可以使用Theme.of(context).buttonTheme.height访问默认高度。 Theme.of返回当前上下文中使用的ThemeData

这里是一个最小的例子:

flutter -  flutter ,如何摆脱提升按钮的底边距?-LMLPHP

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
          body: Center(
        child: Container(
          child: Card(
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                Text('Test'),
                Container(
                  height: Theme.of(context).buttonTheme.height,
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: <Widget>[
                      RaisedButton(
                        onPressed: () {},
                        child: Text('Yes'),
                        color: Colors.green,
                      ),
                      RaisedButton(
                        onPressed: (){},
                        child: Text('No'),
                        color: Colors.red,
                      )
                    ],
                  ),
                ),
              ],
            )
          ),
        ),
      )),
    );
  }
}

关于flutter - flutter ,如何摆脱提升按钮的底边距?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/57655486/

10-13 03:00