Question

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

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"),
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}

Answer 1

为父容器 alignment 属性指定。

Answer 2

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

Answer 3

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

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

3 个答案: