如何使用redux来管理renderScene,以便呈现的Component由状态驱动?

时间:2016-10-22 09:32:56

标签: react-native

我正在尝试使用3个场景构建一个简单的react-native应用:HomeRecent(最近的图片)和Photo(在{中选择的照片) {1}})

我正在使用Navigator:

Recent

这是<Navigator ref="navigator" configureScene={(route) => { if (Platform.OS === 'android') { return Navigator.SceneConfigs.FloatFromBottomAndroid; } }} initialRoute={{}} renderScene={(route, navigator) => this.renderScene(route, navigator)} />

renderScene

我意识到renderScene(route, navigator) { if (route === 'home') { return ( <Home navigator={navigator} /> ); } if (route === 'Recent') { return ( <Recent navigator={navigator} /> ); } if (route === 'Photo') { return ( <Photo navigator={navigator} /> ); } } 是愚蠢的,甚至没有收到照片或任何东西 - 现在我只是想完成设置。

无论如何 - 我将此组件连接到我的状态,因此我连接到我的Photo减速器。我现在如何使用它来驱动scene

1 个答案:

答案 0 :(得分:0)

我使用mobx而不是redux,因为它支持开箱即用。对于redux,您需要使用容器+哑组件模式。容器具有作为props传递给组件的状态。容器的render()和state然后驱动重新呈现哑组件