首页 > 解决方案 > 使用 react-native-router-flux (RNRF) 水平时并排显示 2 个屏幕

问题描述

目前我正在使用 Redux,所以react-native-router-flux是 Navigation 的自然选择。(如果它更容易,我不介意使用另一个库)

问题:想象一个 iPad 应用程序,当它垂直时,3 个屏幕会有 3 个选项卡。横向时,只会有2个标签页,登陆画面会在中间“分割”,显示前2个画面。

插图: 插图

的想法:我想我必须复制路由器——一个用于纵向,一个用于横向。复制(响应)屏幕(1,2,3)并给它们不同的键以避免2个路由器之间的冲突......

问题:有没有办法减少重复?我认为应该有一个我创建一个额外的屏幕,比如说index-landscape选项卡的数量要呈现的组件可以通过编程方式控制,而不是完全复制<Router>.

标签: react-nativeresponsive-designorientationresponsivereact-native-router-flux

解决方案


推荐阅读