兄弟，我太懂你这个痛点了——想让Flutter App在手机和平板上都死死固定竖屏UI，哪怕用户把设备横过来，也不能出现讨厌的黑边，还要整个屏幕都铺满。先给你吃个定心丸：完全可以实现，而且不需要做专门的横屏布局，iOS和Android分别配置就行，我给你一步步捋清楚：

核心问题先明确 #

技术上iOS和Android都支持「设备横屏时，App保持竖屏UI并铺满全屏」，本质是让系统把竖屏的UI直接适配到横屏的物理屏幕上，而不是居中加黑边。核心是别让系统把你的App塞进一个固定尺寸的竖屏容器里，而是让App能自由铺满屏幕，再用Flutter代码锁定UI的显示方向。

iOS平台具体配置 #

1. Info.plist关键设置 #

别只保留竖屏方向！要把UISupportedInterfaceOrientations和UISupportedInterfaceOrientations~ipad都保留所有方向（portraitUp、portraitDown、landscapeLeft、landscapeRight），这样系统才会允许App铺满横屏屏幕。

同时必须禁用iPad多任务，因为多任务会强制App遵守系统的容器规则，给你加黑边。在Info.plist里添加：

<key>UIRequiresFullScreen</key>
<true/>

2. Flutter代码方向锁定 #

你原来的代码基础是对的，再加上全屏模式的配置，确保UI能延伸到屏幕边缘：

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  // 锁定UI只显示竖屏方向
  await SystemChrome.setPreferredOrientations([
    DeviceOrientation.portraitUp,
    DeviceOrientation.portraitDown,
  ]);
  // 开启全屏模式，让UI铺满屏幕边缘
  await SystemChrome.setEnabledSystemUIMode(SystemUiMode.edgeToEdge);
  runApp(const MyApp());
}

Android平台具体配置 #

1. AndroidManifest.xml关键设置 #

别在<activity>标签里加android:screenOrientation="portrait"！这个属性会让Android强制把App塞进竖屏窗口，横屏时必然出现黑边。

正确的配置是给activity加上configChanges，让App自己处理方向变化：

<activity
  android:name=".MainActivity"
  android:configChanges="orientation|screenSize|smallestScreenSize|keyboardHidden"
  android:exported="true"
  android:launchMode="singleTop"
  android:theme="@style/LaunchTheme">

2. Flutter代码同iOS #

和iOS的代码完全一样，在runApp之前锁定竖屏方向，同时开启全屏模式即可。

替代妥协方案（如果禁用多任务不可接受） #

如果不想禁用iPad多任务（比如需要支持分屏、滑过等功能），那只能做妥协：

• 允许App支持横屏，但在横屏时，把竖屏风格的UI居中显示，左右留空（类似你说的「portrait-like centered layout」）
• 或者快速做一个极简的横屏布局，比如把竖屏UI直接居中，左右留空，逻辑上和竖屏完全一致，只是适配了横屏的屏幕尺寸

常见误区避坑 #

• ❌ 不要在iOS Info.plist里只保留竖屏方向：系统会把App塞进固定尺寸的竖屏容器，横屏时必出黑边
• ❌ 不要在Android Manifest里设置screenOrientation="portrait"：同样会把App塞进竖屏容器，横屏加黑边
• ✅ 一定要让App的布局是自适应的：用Flutter的弹性布局组件（Expanded、Flex、MediaQuery），确保UI能自动铺满屏幕，而不是依赖固定尺寸

平台限制说明 #

• iOS：只要禁用多任务，App就能自由控制屏幕显示，实现竖屏UI铺满横屏；如果开启多任务，系统会强制App遵守容器尺寸，无法实现无黑边的竖屏UI
• Android：只要不在Manifest里锁方向，用Flutter代码锁定UI方向，就能实现竖屏UI铺满横屏；部分定制化ROM的平板可能有特殊规则，但大部分主流品牌都支持

总的来说，最可靠的方案就是「双平台保留全方向支持 + iOS禁用多任务 + Flutter代码锁竖屏 + 自适应布局」，亲测有效，完全能实现你要的效果！