2017-12-27 23 views
1

私は引き出し内でネイティブの反応で 'DrawerLayoutAndroid'を試しています。画面間を移動するために反応ナビゲーション 'stackNavigator'を追加しました。 What I'm trying to doDrawerLayoutAndroid in reactネイティブ

が、私はそれが私が通常のページ
としてフルスクリーンで開くにはどうすればよいの引き出し で開きナビゲートするときに問題がこの 達成するためのより良い方法があるさ(Reduxの状態は?) は、事前にありがとう

答えて

0

は私がルーティングページを作成されたものを解決 を発見し、ルートコンポーネントとしてこれを追加しました

routes.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

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> 

); 
} 
} 
と問題なく

メイン画面とナビゲートするstackNavigatorを使用引出しレイアウト内部メイン画面 にDrawerLayoutAndroidを添加しました

関連する問題