如何在 Flutter 中设置容器内按钮的高度和宽度?

时间:2020-12-19 11:05:55

标签: flutter dart

我想在容器内有一个固定宽度和高度的按钮。但是,由于某种原因按钮需要容器的高度和宽度。我尝试使用 SizedBoxButtonTheme,但效果不佳。

import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';

void main() {
  debugPaintSizeEnabled = true;
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      // home: EditorScreen(),
      home: Scaffold(
        body: SafeArea(
          child: Container(
            height: 65,
            width: double.infinity,
            color: Colors.black,
            child: SizedBox(
              height: 50,
              width: 50,
              child: ButtonTheme(
                minWidth: 50,
                height: 50,
                child: FlatButton(
                  onPressed: () {},
                  color: Colors.red,
                  child: Text("Test"),
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}

3 个答案:

答案 0 :(得分:1)

为父容器 alignment 属性指定。

答案 1 :(得分:0)

您可以尝试在容器中添加padding

答案 2 :(得分:0)

如果您添加容器的按钮中心,然后用 Center 小部件包裹,或者如果您想要其他对齐方式,请使用 alignment 属性指定。