Как сделать так, чтобы навигация внутри реактора-родного-ящика использовала реактив-родной-маршрутизатор-поток

Question

Я создал ящик, используя react-native-drawer, Ящик Вид содержит ListView, Всякий раз, когда нажимаете renderRow Метод должен показывать навигацию внутри самого ящика вместо верхней части Welcome стек экрана.

Прямо сейчас: проверьте скриншот здесь

Ожидаемое: хотите добиться чего-то подобного - Многоуровневое меню

Файл: Component / welcome.js

render(){
  var settingPanel = <Setting closeDrawer={ () => {
    this.drawer.close();
  }} />
  return(
     <Drawer
       ref={c => this.drawer = c}
       type='overlay'
       content={settingPanel}
       ...>
        <Home />
     </Drawer>
  );
}

Файл: Component / setting.js

render(){
  return(
    <ListView
     dataSource={this.state.dataSource}
     renderRow={this.renderRow.bind(this)}
    />
  );
}

renderRow (items) {
    return(
        <View>
            <Text style={styles.rowText}>{items.name}</Text>
            <ImageButton onPress={Actions.trans()} img={fb} />
        </View>
    )
};

Его навигация на вершине Welcome экран. Мне нужно ориентироваться на сам ящик. Как я мог этого добиться?

Answer 1

Из его документации здесь

Варианты открыть ящик Три варианта:

1. Используйте открытую опору (контролируемый режим):

   <Drawer
     open={true}
   

2. Использование ящика Ссылка:

   // assuming ref is set up on the drawer as (ref) => this._drawer = ref
   onPress={() => {this._drawer.open()}}
   

3. Использование контекста

   contextTypes = {drawer: React.PropTypes.object}
   // later...
   this.context.drawer.open()
   

затем, чтобы перейти к другому компоненту с помощью Reaction-native-router-flux, вы можете добавить TouchableOpacity компонент, состоящий из <home /> затем в onPress добавлять actions.home() и дом - это ключ компонента сцены response-native-router-flux