Flutter 如何设置颤振中按钮的最小尺寸?

Flutter 如何设置颤振中按钮的最小尺寸?,flutter,button,layout,constraints,minimum-size,Flutter,Button,Layout,Constraints,Minimum Size,我正在构建一个Flitter web应用程序,其中有一个按钮,其中包含一个图标和一行中的一些文本。我的问题是,每当用户将窗口大小调整到较小的大小时,按钮就会变得太小,使文本突出。我试着给它一些约束,并在style参数上设置按钮的最小大小,但没有帮助。 调整窗口大小之前的按钮(默认大小): 窗口变小后的按钮: 按钮小部件的代码: class UploadTextButton extends StatelessWidget { final Function _onPressed;

我正在构建一个Flitter web应用程序,其中有一个按钮,其中包含一个图标和一行中的一些文本。我的问题是,每当用户将窗口大小调整到较小的大小时,按钮就会变得太小,使文本突出。我试着给它一些约束,并在style参数上设置按钮的最小大小,但没有帮助。

调整窗口大小之前的按钮(默认大小):



窗口变小后的按钮:



按钮小部件的代码:

class UploadTextButton extends StatelessWidget {
  final Function _onPressed;

  const UploadTextButton(this._onPressed);

  @override
  Widget build(BuildContext context) {
    return Container(
      constraints: BoxConstraints(
        maxWidth: 250,
        maxHeight: 50,
        minWidth: 200,
        minHeight: 50
      ),
      child: OutlinedButton(
        style: ButtonStyle(
          minimumSize: MaterialStateProperty.all(Size(200, 50))
        ),
          onPressed: () => _onPressed(),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Padding(
                padding: const EdgeInsets.only(right: 8.0),
                child: Icon(Icons.cloud_upload),
              ),
              Text("Upload my new picture")
            ],
          )),
    );
  }
}

您可以在应用程序主题中定义按钮大小

例如:


如果测试大小有问题,您可以使用
Fittedbox()

FittedBox(
child:Text("Upload my new picture"),)


用灵活的WidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidgetWidge。
FittedBox(
child:Text("Upload my new picture"),)