flutter如何如何禁止横竖屏

在Flutter应用中，如果你希望禁止设备的横竖屏旋转，你可以通过修改Android和iOS平台的配置来实现。以下是具体步骤：

Android平台

打开android/app/src/main/AndroidManifest.xml文件。

在<activity>标签中添加android:screenOrientation属性。

例如，如果你希望应用始终保持竖屏模式，可以添加portrait值：

<activity
    android:name=".MainActivity"
    android:launchMode="singleTop"
    android:theme="@style/LaunchTheme"
    android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
    android:hardwareAccelerated="true"
    android:windowSoftInputMode="adjustResize"
    android:screenOrientation="portrait">  <!-- 添加这一行 -->
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>

如果你希望应用始终保持横屏模式，可以添加landscape值：

<activity
    android:name=".MainActivity"
    android:launchMode="singleTop"
    android:theme="@style/LaunchTheme"
    android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
    android:hardwareAccelerated="true"
    android:windowSoftInputMode="adjustResize"
    android:screenOrientation="landscape">  <!-- 添加这一行 -->
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
</activity>

iOS平台

打开ios/Runner/Info.plist文件。

添加UISupportedInterfaceOrientations和UISupportedInterfaceOrientations~ipad键。

对于竖屏模式，可以添加以下键值对：

<key>UISupportedInterfaceOrientations</key>
<array>
    <string>UIInterfaceOrientationPortrait</string>
    <string>UIInterfaceOrientationPortraitUpsideDown</string>
</array>
<key>UISupportedInterfaceOrientations~ipad</key>
<array>
    <string>UIInterfaceOrientationPortrait</string>
    <string>UIInterfaceOrientationPortraitUpsideDown</string>
    <string>UIInterfaceOrientationLandscapeLeft</string>
    <string>UIInterfaceOrientationLandscapeRight</string>  <!-- 如果你不希望iPad支持横屏，可以删除这一行 -->
</array>

注意：由于现代iOS设备（尤其是iPhone 6及以后的设备）通常不支持UIInterfaceOrientationPortraitUpsideDown，所以你可以只保留UIInterfaceOrientationPortrait。

如果你希望应用始终保持横屏模式，可以添加以下键值对：

<key>UISupportedInterfaceOrientations</key>
<array>
    <string>UIInterfaceOrientationLandscapeLeft</string>
    <string>UIInterfaceOrientationLandscapeRight</string>
</array>
<key>UISupportedInterfaceOrientations~ipad</key>
<array>
    <string>UIInterfaceOrientationLandscapeLeft</string>
    <string>UIInterfaceOrientationLandscapeRight</string>
</array>

注意事项

配置一致性：确保在Android和iOS平台上都进行了相应的配置，以保证应用在不同设备上的行为一致。
设备兼容性：不同设备和系统版本可能有不同的行为，务必在不同设备和模拟器上进行测试。

通过以上配置，你就可以在Flutter应用中禁止横竖屏旋转了。

更多关于flutter如何如何禁止横竖屏的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

itying888 1楼•2 天前作者

更多关于flutter如何如何禁止横竖屏的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

在Flutter中，你可以通过使用SystemChrome类来设置设备的方向模式。要禁止横屏或竖屏，你需要在应用程序的入口点（通常是main.dart文件中的main()函数）设置首选的方向。

这里是如何禁止横屏或者竖屏的例子：

禁止横屏 (强制竖屏)

如果你只想让应用以竖屏显示，可以添加以下代码：

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  SystemChrome.setPreferredOrientations([
    DeviceOrientation.portraitUp,
    DeviceOrientation.portraitDown,
  ]).then((_) {
    runApp(MyApp());
  });
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

禁止竖屏 (强制横屏)

如果你只想让应用以横屏显示，可以添加以下代码：

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  SystemChrome.setPreferredOrientations([
    DeviceOrientation.landscapeLeft,
    DeviceOrientation.landscapeRight,
  ]).then((_) {
    runApp(MyApp());
  });
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

请注意，setPreferredOrientations是一个异步调用，因此你可能需要等待它完成之后再启动你的应用（如上面的代码所示）。这确保了当应用界面第一次绘制时，设备方向已经被正确设置。

此外，如果你的应用支持用户更改方向，但你想在某些特定页面上锁定方向，可以在这些页面的initState方法中设置方向，并在dispose方法中重置方向偏好，以便不影响其他页面的方向设置。