Flutter 如何检测布局中的方向变化？

在Flutter中检测布局中的方向变化，即检测屏幕是处于横屏还是竖屏，可以通过以下几个步骤实现：

1. 使用MediaQuery对象：MediaQuery.of(context)可以获取当前媒体查询的数据，其中包括屏幕的方向信息。

2. 获取方向信息：可以通过MediaQuery.of(context).orientation来获取当前的方向。这个属性的返回值是Orientation类型，它可以是Orientation.landscape（横屏）或Orientation.portrait（竖屏）。

3. 结合setState使用：在build方法或者其它适当的位置，利用setState来更新UI，响应方向的改变。

4. 示例代码：

   dart
   import 'package:flutter/material.dart';
   
   void main() => runApp(MyApp());
   
   class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         home: HomeScreen(),
       );
     }
   }
   
   class HomeScreen extends StatefulWidget {
     @override
     _HomeScreenState createState() => _HomeScreenState();
   }
   
   class _HomeScreenState extends State<HomeScreen> {
     @override
     Widget build(BuildContext context) {
       Orientation orientation = MediaQuery.of(context).orientation;
   
       return Scaffold(
         appBar: AppBar(
           title: Text('Orientation Demo'),
         ),
         body: Center(
           child: orientation == Orientation.landscape
               ? Text('Landscape Mode')
               : Text('Portrait Mode'),
         ),
       );
     }
   }

此代码将在应用中展示当前屏幕的方向，并且当你旋转设备时屏幕上的文本会相应更新显示当前的屏幕方向。