Can't wrap Scene or ConnectedRouter in a View

[isAlmogK]

Using the latest version. I would like to wrap my entire scenes/routing in a view component so I can load other components like an error or alert message component but this can't be done once you I add the view routing is not loading correctly.

<Provider store={store}>
                <ConnectedRouter>
                    <Scene key="root" hideNavBar hideTabBar>
                        <Scene key="public">
                            <Scene key="login" component={Login} initial={true} title={'Login'} />
                            <Scene key="ResetPassword" component={ResetPassword} title={'Reset Password'} />
                        </Scene>
                        <Scene key="tabBar" tabs lazy>
                            <Scene key="tab1" title="Home" tabBarLabel="Home" icon={HomeTabIcon}>
                                <Scene key='Home' component={Home} title='Home' initial={true}  panHandlers={null}/>
                                <Scene key='Teams' component={Teams} title='Teams' initial={false} />
                            </Scene>
                            <Scene key="tab2" title="Photos" tabBarLabel="Photos" icon={PhotosTabIcon}>
                                <Scene key='Photos' component={Photos} title='Photos' back backTitle='Back' initial={false} />
                                <Scene key='SinglePhoto' component={SinglePhoto} title='' back backTitle='Back' initial={false} />
                            </Scene>
                            <Scene key="tab3" title="Site Diary" tabBarLabel="Site Diary" icon={SiteDiaryTabIcon}>
                                <Scene key='SiteDiary' component={SiteDiary} title='SiteDiary' initial={false} />
                            </Scene>
                        </Scene>
                    </Scene>
                </ConnectedRouter>
            </Provider>

[isAlmogK]

Closing this just need to make sure the view had a container style

[badaz]

I've got the same pb, what was your solution ? which view should have a containerStyle ?

[isAlmogK]

@badaz I did the following

render() {
        return (
            <View style={styles.container}>
                <Provider store={store}>
                    <ConnectedRouter>
                        <Scene key="root" hideNavBar hideTabBar>
                            <Scene key="public">
                                <Scene key="login" component={Login} initial={true} title={'Login'} />
                                <Scene key="ResetPassword" component={ResetPassword} title={'Reset Password'} />
                            </Scene>
                            <Scene key="tabBar" tabs lazy>
                                <Scene key="tab1" title="Home" tabBarLabel="Home" icon={HomeTabIcon}>
                                    <Scene key='Home' component={Home} title='Home' initial={true}  panHandlers={null}/>
                                    <Scene key='Teams' component={Teams} title='Teams' initial={false} />
                                </Scene>
                                <Scene key="tab2" title="Photos" tabBarLabel="Photos" icon={PhotosTabIcon}>
                                    <Scene key='Photos' component={Photos} title='Photos' back backTitle='Back' initial={false} />
                                    <Scene key='SinglePhoto' component={SinglePhoto} title='' back backTitle='Back' initial={false} />
                                </Scene>
                                <Scene key="tab3" title="Site Diary" tabBarLabel="Site Diary" icon={SiteDiaryTabIcon}>
                                    <Scene key='SiteDiary' component={SiteDiary} title='SiteDiary' initial={false} />
                                </Scene>
                            </Scene>
                        </Scene>
                    </ConnectedRouter>
                </Provider>
                <MessageBar/>
            </View>
        );
    }

const styles = StyleSheet.create({
    container: {
        padding: 0,
        flex: 1,
        flexDirection: 'column'
    },
})

You need the container style

[badaz]

OK, thanks, definitely not the problem I had. What my problem was is that when migrating from v3 to 4 I hadn't realized that: 1 - the way to connect the router to redux had changed, 2 - the actions sent by the router had changed too.

[aksonov]

Check latest master, it has full redux support now (v3 didn't have it)