DefaultRenderer and navigationState not working

[icerockq]

Version

Tell us which versions you are using:

• react-native-router-flux 4.0.0-beta.31
• react-native v0.55.4
• native-base v2.7.1

Expected behaviour

const Scenes = Actions.create(
        <Scene key="root" >
            <Scene key="loginScene"  hideNavBar={true}>
                <Scene key="fish" component={Fish}/>
                <Scene key="login" component={Login}/>
            </Scene>

            <Stack key="homeScene" component={homeContainer} initial hideNavBar={true}>
                    <Scene key="home"  component={Home} />
                    <Scene key="search" component={Search} />
            </Stack>
        </Scene>
);
class App extends React.Component{
    render(){
        return (
            <StyleProvider style={getTheme(theme)}>
                <Router scenes={Scenes} />
            </StyleProvider>
              );
    }
}

And there is a homeContainer component:

class homeContainer extends Component{

  render(){
    const state = this.props.navigationState;
    const children = state.children;

    return(
        <Container>
        <DefaultRenderer navigationState={ children[0] } onNavigate={ this.props.onNavigate }  />
        <Footer>
          <FooterTab>
              <Button vertical>
                  <Icon name="settings" />
                  <Text style={{color:'#fff'}}>Настройки</Text>
              </Button>
              <Button
              onPress={() =>{
                  Actions.search();
              }}
                  vertical>
                  <Icon name="search" />
                  <Text style={{color:'#fff'}}>Поиск</Text>
              </Button>
              <Button
              onPress={() =>{
                  Actions.home();
              }}
                  vertical active>
                  <Icon active name="chatboxes" />
                  <Text style={{color:'#fff'}}>Чаты</Text>
              </Button>
              <Button vertical>
                  <Icon name="person" />
                  <Text style={{color:'#fff'}}>Профиль</Text>
              </Button>
          </FooterTab>
        </Footer>

      </Container>
    )
  }
}

But for some reason, DefaultRenderer does not work. And as there is no data in navigationState.
How can I get a navigationState about his children?
If possible, attach links to examples or code, if not difficult. Many thanks.

[aksonov]

There is NO DefaultRenderer within v4, you have to use custom navigators from React Navigation