我正在創建一行 6 個 ElevatedButton 并將每個按鈕的高度、寬度設定為螢屏總寬度的 1/6。但是當我在手機上運行應用程式并縮小應用程式大小時，行中的按鈕在一定限制后顯示溢位，即它們占據螢屏寬度的 1/6 以上。
ElevatedButton simpleButton(double size, String text) {
return ElevatedButton(
onPressed: null,
style: ElevatedButton.styleFrom(
fixedSize: Size(size, size),
),
child: Text(
text,
),
);
}
@override
Widget build(BuildContext context) {
double width = MediaQuery.of(context).size.width;
return Scaffold(
body: Center(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
simpleButton(width / 6, "B1"),
simpleButton(width / 6, "B2"),
simpleButton(width / 6, "B3"),
simpleButton(width / 6, "B4"),
],
),
),
);
}
即使android應用程式的大小最小，我也希望按鈕占據當前螢屏寬度的1/6。提前致謝。
uj5u.com熱心網友回復：
uj5u.com熱心網友回復：
我們有多種方法來完成這項作業，比如使用靈活的小部件。您的小部件（按鈕）的大小將是回應式/動態的。您還可以直接從 MediaQuery.of(context).size 中讀取螢屏寬度，并根據該值創建一個大小合適的框
MediaQuery.of(context).size.width / 6
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/511679.html
標籤：扑用户界面屏幕