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

相关推荐
liangshanbo121542 分钟前
React 19 新特性:原生支持在组件中渲染 <meta> 与 <link>
前端·javascript·react.js
光影少年18 小时前
react生态
前端·react.js·前端框架
ObjectX前端实验室2 天前
【react18原理探究实践】React Effect List 构建与 Commit 阶段详解
前端·react.js
ObjectX前端实验室2 天前
【react18原理探究实践】更新阶段 Render 与 Diff 算法详解
前端·react.js
ObjectX前端实验室2 天前
【react18原理探究实践】render阶段【首次挂载】
前端·react.js
ObjectX前端实验室2 天前
【react18原理探究实践】组件的 props 和 state 究竟是如何确定和存储的?
前端·react.js
明里人2 天前
React 状态库:Zustand 和 Jotai 怎么选?
前端·javascript·react.js
訾博ZiBo2 天前
为什么我的 React 组件会无限循环?—— 一次由 `onClick` 引发的“惨案”分析
前端·react.js
訾博ZiBo2 天前
React状态更新之谜:为何大神偏爱`[...arr]`,而非`arr.push()`?
react.js
訾博ZiBo2 天前
告别 v-model 焦虑:在 React 中优雅地处理『双向绑定』
前端·react.js