为什么 FLutter 中的 Right Margin 没有从屏幕的右边缘应用?
Why Right Margin in FLutter is not applied from Right edge of the screen?
我对在 flutter.If 中重新分级右边距有一些疑问,你看到左边距是从屏幕的左边缘计算的,它离左边不太远 edge.But,右边距太远从 screen.I 的右边缘应用了相同的左右边距
那么,为什么右边距从屏幕右边缘计算不正确?我附上了应用程序的代码和屏幕截图。
[![import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.white,
body: SafeArea(
child: Container(
height: 150.0,
width: 100.0,
// margin: EdgeInsets.all(90.0),
margin: const EdgeInsets.only(left: 30.0, right: 30.0),
color: Colors.blue,
child: Text("Hello"),
),
),
),
);
}
}][1]][1]
App截图
将容器的宽度更改为width: double.infinity
然后您就可以看到边距了。您看不到边距,因为容器左对齐并且容器没有填满整个宽度。
我对在 flutter.If 中重新分级右边距有一些疑问,你看到左边距是从屏幕的左边缘计算的,它离左边不太远 edge.But,右边距太远从 screen.I 的右边缘应用了相同的左右边距
那么,为什么右边距从屏幕右边缘计算不正确?我附上了应用程序的代码和屏幕截图。
[![import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
backgroundColor: Colors.white,
body: SafeArea(
child: Container(
height: 150.0,
width: 100.0,
// margin: EdgeInsets.all(90.0),
margin: const EdgeInsets.only(left: 30.0, right: 30.0),
color: Colors.blue,
child: Text("Hello"),
),
),
),
);
}
}][1]][1]
将容器的宽度更改为width: double.infinity
然后您就可以看到边距了。您看不到边距,因为容器左对齐并且容器没有填满整个宽度。