我正在复制链接问题的确切场景描述和代码片段,因为它正是我需要的
我有
Router
设置,有2个标签场景:
- 标签1:有2个可导航的场景(静态屏幕);
- 屏幕A:有一个导航到屏幕B的按钮;
- 屏幕B:只有一个文字;
- 标签2:只有1个静态屏幕。
- 屏幕C:只有一个文字;
代码如下。
app.js:
import React from 'react'; import { Router, Scene } from 'react-native-router-flux'; import Tab from '../tab'; import ScreenA from './a'; import ScreenB from './b'; import ScreenC from './c'; export default class App extends React.Component { render(){ return ( <Router> <Scene key="root"> <Scene key="tabbar" tabs={true}> <Scene key="tab1" title="Tab 1" icon={Tab}> <Scene key="a" title="Screen A" component={ScreenA} /> <Scene key="b" title="Screen B" component={ScreenB} /> </Scene> <Scene key="tab2" title="Tab 2" icon={Tab}> <Scene key="c" title="Screen C" component={ScreenC} /> </Scene> </Scene> </Scene> </Router> ); } }
屏幕也非常简单。
a.js:
export default class ScreenA extends React.Component { render(){ return ( <View> <Text>This is Screen A</Text> <TouchableHighlight onPress={() => Actions.b()}> <Text>Go to Screen B</Text> </TouchableHighlight> </View> ); } }
b.js:
export default class ScreenB extends React.Component { render(){ return ( <View> <Text>This is Screen B</Text> </View> ); } }
c.js:
export default class ScreenC extends React.Component { render(){ return ( <View> <Text>This is Screen C</Text> </View> ); } }
所需的用例:
我知道我可以实现自定义缩减器来解决这个问题,但我相信必须有一个我可能会忽略的更简单的解决方案。
答案 0 :(得分:0)