在 Flutter 中，可以使用 MediaQuery 和 OrientationBuilder Widget 来处理屏幕尺寸和方向变化。
1. MediaQuery
MediaQuery 是一个用于查询媒体信息的 Widget，在应用程序中可以通过它获取各种设备信息和屏幕尺寸。例如，可以使用 MediaQuery.of(context).size 获取屏幕的宽度和高度，从而动态调整界面元素的大小和位置。以下是一个示例代码：
class MyWidget extends StatelessWidget {
const MyWidget({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
final screenSize = MediaQuery.of(context).size;
return Container(
width: screenSize.width,
height: screenSize.height,
child: Text('Hello, World!'),
);
}
}
在上述代码中，使用 MediaQuery 获取屏幕的宽度和高度，并将其应用于容器的宽度和高度上。
2. OrientationBuilder Widget
OrientationBuilder 是一个用于构建横竖屏界面的 Widget，它提供了一个回调函数来处理屏幕方向变化的事件。在 OrientationBuilder 中，可以根据屏幕的方向来选择不同的布局方式或界面元素。以下是一个示例代码：
class MyWidget extends StatelessWidget {
const MyWidget({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return OrientationBuilder(
builder: (context, orientation) {
return orientation == Orientation.portrait
? Column(
children: [
Text('Hello'),
Text('World'),
],
)
: Row(
children: [
Text('Hello'),
Text('World'),
],
);
},
);
}
}
在上述代码中，使用 OrientationBuilder 来监听屏幕方向的变化，并根据不同的方向来选择不同的布局方式。当屏幕为竖屏时，会显示一个垂直的 Column 布局；当屏幕为横屏时，会显示一个水平的 Row 布局。
总之，了解如何处理屏幕尺寸和方向变化是开发 Flutter 应用程序的基本技能之一，可以通过 MediaQuery 和 OrientationBuilder Widget 来实现界面元素的适配和优化。