Flutter(Android): 如何让指定页面允许横屏，默认保持全局竖屏？

核心思路 #

全局锁定竖屏，特定页面先放开方向限制，强制初始显示为竖屏，再重新放开所有方向让用户可手动切换，页面销毁时恢复全局竖屏设置。

步骤1：全局竖屏设置 #

确保在MyApp的initState中正确初始化并锁定竖屏（必须先调用WidgetsFlutterBinding.ensureInitialized()，否则SystemChrome调用可能无效）：

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
    WidgetsFlutterBinding.ensureInitialized();
    // 全局仅允许竖屏
    SystemChrome.setPreferredOrientations([
      DeviceOrientation.portraitUp,
      DeviceOrientation.portraitDown,
    ]);
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}

步骤2：特定页面的横竖屏处理 #

在需要允许横屏的页面中，通过以下逻辑实现默认竖屏、可手动切换横屏：

1. 在initState中，先放开所有方向限制，再强制切换回竖屏，最后重新放开所有方向（用Future.microtask确保在页面渲染后执行，避免时机问题）；
2. 在dispose方法中恢复全局竖屏设置，防止其他页面受影响。

class AllowLandscapePage extends StatefulWidget {
  @override
  _AllowLandscapePageState createState() => _AllowLandscapePageState();
}

class _AllowLandscapePageState extends State<AllowLandscapePage> {
  @override
  void initState() {
    super.initState();
    Future.microtask(() async {
      // 1. 先放开所有方向限制
      await SystemChrome.setPreferredOrientations([
        DeviceOrientation.portraitUp,
        DeviceOrientation.portraitDown,
        DeviceOrientation.landscapeLeft,
        DeviceOrientation.landscapeRight,
      ]);
      // 2. 强制页面初始显示为竖屏
      await SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp]);
      // 3. 再次放开所有方向，允许用户手动切换横竖屏
      await SystemChrome.setPreferredOrientations([
        DeviceOrientation.portraitUp,
        DeviceOrientation.portraitDown,
        DeviceOrientation.landscapeLeft,
        DeviceOrientation.landscapeRight,
      ]);
    });
  }

  @override
  void dispose() {
    // 页面销毁时，恢复全局竖屏锁定
    SystemChrome.setPreferredOrientations([
      DeviceOrientation.portraitUp,
      DeviceOrientation.portraitDown,
    ]);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("可切换横竖屏页面")),
      body: Center(child: Text("默认竖屏，可手动切换横屏")),
    );
  }
}

关键说明 #

• 你的AndroidManifest.xml中android:screenOrientation="fullSensor"设置是正确的，无需修改，这个配置允许系统响应传感器的方向变化；
• 之前直接设置所有方向无效的原因：系统检测到当前已经是竖屏状态，不会主动触发变化，但需要先强制锁定一次竖屏再放开，才能让用户手动切换；
• 使用Future.microtask是为了确保在页面布局完成后再执行方向设置，避免在initState中直接调用导致的时机问题。

内容的提问来源于stack exchange，提问作者FetFrumos