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