click - 反応ネイティブ ナビゲーション Wix V2 のサイド メニューからページに移動する方法

Question

私はネイティブに反応するのが初めてです。サイドメニューから画面遷移したいのですが、react-native-navigation Wix V2 ライブラリを使用しています。誰かが簡単な例で私を助けることができれば、私は感謝しています.

Answer 1

反応ネイティブ ナビゲーション (スタック ナビゲーション) を提供するので、使用する反応ネイティブ用の組み込みナビゲーションがあります。サイドメニューから簡単にナビゲーションを作成できるという点で

// 以下は、サイドメニューを作成するためのコードです。

const RootDrawer = DrawerNavigator({
  demo: { screen: demo },
  demo2: { screen: demo2 },
  
}, {
  contentComponent: NavigationDrawer
})

// 以下は、サイド メニュー ビューと、画面から移動するためのリンクです。

 <TouchableOpacity onPress = {() => this.props.navigation.navigate('demo')}>
          <View style = {{height: responsiveHeight(8), justifyContent:'center'}}>
            <Text style = {{fontSize: responsiveFontSize(2), color: 'black', fontFamily: 'Nunito-Regular', paddingLeft: 30 }} >My Cart</Text>
          </View>
        </TouchableOpacity>
        
        {this.state.customer &&
          <TouchableOpacity onPress = {() => this.props.navigation.navigate('demo1')}>
                  <View style = {{height: responsiveHeight(8), justifyContent:'center'}}>
                    <Text style = {{fontSize: responsiveFontSize(2), color: 'black', fontFamily: 'Nunito-Regular', paddingLeft: 30 }} >Account</Text>
                  </View>
          </TouchableOpacity>}