React Native将 ipad 端软件设置为横屏显示后关闭 Modal 弹窗报错

问题:

将 ipad 端软件设置为横屏显示后,关闭 Modal 弹窗报错。

Modal was presented with 0x2 orientations mask but the application only supports 0x18.Add more interface orientations to your app's Info.plist to fix this.NOTE: This will crash in non-dev mode.

解决:

supportedOrientations={['portrait', 'landscape']}

typescript 复制代码
<Modal supportedOrientations={['portrait', 'landscape']} />

supportedOrientations

用于指定在设备切换横竖屏方向时,modal 会在哪些屏幕朝向下跟随旋转。在 iOS上,除了本属性外,还会受到应用的 Info.plist 文件中UISupportedInterfaceOrientations的限制。如果还设置了presentationStyle属性为pageSheet或formSheet,则在 iOS 上本属性将被忽略。

参考:
https://github.com/facebook/react-native/issues/13951
https://reactnative.cn/docs/modal#supportedorientations

相关推荐
Digitally8 小时前
如何将 iPad 上的照片传输到 U 盘(4 种解决方案)
ios·ipad
AlkaidSTART8 小时前
TanStack Query 技术指南:异步状态管理核心实践
前端·react.js
ZHENGZJM9 小时前
JWT 鉴权体系:令牌生成与解析
react.js·go
我命由我1234510 小时前
React - 组件优化、children props 与 render props、错误边界
前端·javascript·react.js·前端框架·html·ecmascript·js
Z_Wonderful10 小时前
React react-app-env.d.ts是 TypeScript 的全局类型声明文件,它的作用
前端·react.js·typescript
cat10month10 小时前
react坑点记录
前端·javascript·react.js
kgduu10 小时前
react源码学习之reconcile
前端·学习·react.js
whuhewei10 小时前
React Fiber架构
前端·react.js·架构
英俊潇洒美少年11 小时前
通用构建优化(编译阶段)+ Vue 专属运行时优化 + React 专属运行时优化
前端·vue.js·react.js
英俊潇洒美少年11 小时前
Vue 和 React 的核心渲染机制 对比
前端·vue.js·react.js