リアクションとカスタム左ボタンオンプレス？

Question

react-navigationにカスタムleftボタンを作成したいとします。特定の画面に移動するには、このleftボタンのonPressイベントが必要です。どうすればいいですか？理想的には、それが複雑になるにつれて私自身のレヴィクス・ナビゲーションを書くことから離れていたい。これを還元しなくてもいいですか？

Answer 1

その本を入手しやすく、これを試してみてください。

const stackNavigatorConfiguration = { 
    // set first Screen 
    initialRouteName: 'Login', 
    // headerMode: 'none'(disable header) 
    // style of switching screens(options: modal/card) 
    mode: Platform.OS === 'ios' ? 'card' : 'card', 
    navigationOptions: ({navigation}) => ({ 
    headerRight: <DrawerButton navigation={navigation} />, 
    headerBackTitle: null, 
    headerStyle: { 
     backgroundColor: '#282b3a' 
    }, 
    headerTitleStyle: { 
     color: 'white' 
    }, 
    // color of the back button 
    headerTintColor: 'white', 
    headerBackTitleStyle: { 
     color: 'white' 
    } 
    }) 
} 

...

const DrawerButton = ({ navigation }) => (
    <TouchableOpacity> 
    <Ionicons 
     style={styles.drawerIcon} 
     name='ios-menu-outline' 
     size={32} 
     onPress={() => navigation.navigate('DrawerOpen')} 
    /> 
    </TouchableOpacity> 
) 

あなたはnavigationOptionsであなたのボタンを定義することができます - そこheaderRight インポートコンポーネントを（DrawerButtonを参照してください）