DrawerLayoutAndroid в реакции родной

Я пытаюсь использовать «DrawerLayoutAndroid» в React Native внутри ящика. Я добавил «stackNavigator» для навигации между экранами. Что я пытаюсь сделать

но проблема в том, что когда я перемещаюсь, он открывается в ящике Как мне открыть его в полноэкранном режиме как обычную страницу
Есть ли лучший способ добиться этого (состояние сокращения?) Заранее спасибо


react-native react-navigation
person DEELAKA    schedule 27.12.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я нашел решение, которое я сделал, создал страницу маршрутизации и добавил ее в качестве корневого компонента.

маршруты.js

    import Main from '../screens/main';
    import Ad from '../screens/adView';
    export const AdNav = StackNavigator({
      Home:{screen:Main,
      navigationOptions:{
        header:null,
       }  
    },
      Ad:{screen:Ad,
      navigationOptions:{
        title:'Details',      
    }}
    }

    );

App.js

import {AdNav} from './src/config/routes';

export default class App extends Component<{}> {

  render() {
   return (
   <View style={styles.container}> 
       <AdNav />
   </View>
   );
  }
}

Затем я добавил DrawerLayoutAndroid на главный экран внутри макета ящика. Я использовал stackNavigator для навигации без проблем.

главный экран с DrawerLayoutAndroid

render() {
var navigationView = (
<View style={{flex: 1}}>
<Button onPress={()=>this.props.navigation.navigate('Ad')} title="go to next page"/>
</View>
 );
return (
<DrawerLayoutAndroid
      drawerWidth={300}
      drawerPosition={DrawerLayoutAndroid.positions.Left}
      renderNavigationView={() => navigationView}>
<View style={styles.container}>
{/*content*/}
</View>        
    </DrawerLayoutAndroid>

);
}
}
person DEELAKA    schedule 27.12.2017