如何在Flutter中设置按钮的最小尺寸？

Question

我正在构建一个Flutter Web应用程序，其中有一个包含图标和一些文本的按钮。我的问题是，每当用户将窗口调整为较小的尺寸时，按钮就会变得太小，使文本突出显示。我试图给它添加约束并在样式参数中设置按钮的最小大小，但这并没有帮助。

调整窗口大小前的按钮（默认大小）：

窗口变小后的按钮：

按钮小部件的代码：

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

- jdsflk

---

用柔软的小部件包裹它。 - undefined

Answer 1

如果问题是测试尺寸方面的，您可以使用FittedBox()小部件来调整文本。

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

- PRATIK PAWAR

---

还是没帮上忙，还是太小了。 - undefined

Answer 2

你可以在应用主题中定义按钮的大小

例如：

     buttonTheme: const ButtonThemeData(

     buttonColor: assentColor,
 
     padding: EdgeInsets.symmetric(vertical: 20),

      minWidth: double.maxFinite,
 
     colorScheme: ColorScheme.light(brightness: 
  
    Brightness.dark),
    
     ),

- Amit Singh

---

我不想调整应用程序中的每个按钮的大小。 - undefined