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

相关推荐
python算法(魔法师版)8 小时前
React应用深度优化与调试实战指南
开发语言·前端·javascript·react.js·ecmascript
不叫猫先生12 小时前
【React】PureComponent 和 Component 的区别
前端·javascript·react.js·前端框架
天下无贼!18 小时前
【技巧】优雅的使用 pnpm+Monorepo 单体仓库构建一个高效、灵活的多项目架构
开发语言·前端·vue.js·react.js·架构·node.js
资深前端之路19 小时前
react面试题二
前端·react.js·前端框架
_pengliang19 小时前
【长期更新】RN+expo 错误解决方案
前端·javascript·react.js
_pengliang1 天前
react native i18n插值:跨组件trans
javascript·react native·react.js
江湖行骗老中医1 天前
react native在windows环境搭建并使用脚手架新建工程
windows·react native·react.js
screct_demo1 天前
詳細講一下RN(React Native)中的列表組件FlatList和SectionList
javascript·react native·react.js
ThomasChan1231 天前
Typesrcipt泛型约束详细解读
前端·javascript·vue.js·react.js·typescript·vue·jquery