Reactjs 按下“反应导航”和自定义左按钮?
我想在react导航中创建一个自定义左按钮。我需要此左按钮的onPress事件转到特定屏幕;我该怎么做?理想情况下,我不想写我自己的redux导航,因为这变得很复杂。没有redux我能做到这一点吗?很容易做到,试试这个:Reactjs 按下“反应导航”和自定义左按钮?,reactjs,react-native,react-navigation,Reactjs,React Native,React Navigation,我想在react导航中创建一个自定义左按钮。我需要此左按钮的onPress事件转到特定屏幕;我该怎么做?理想情况下,我不想写我自己的redux导航,因为这变得很复杂。没有redux我能做到这一点吗?很容易做到,试试这个: const stackNavigatorConfiguration = { // set first Screen initialRouteName: 'Login', // headerMode: 'none'(disable header) // style
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'
}
})
}
您可以使用navigationOptions-headerRight定义按钮
在这里,您可以导入一个组件,请参见抽屉按钮
const DrawerButton = ({ navigation }) => (
<TouchableOpacity>
<Ionicons
style={styles.drawerIcon}
name='ios-menu-outline'
size={32}
onPress={() => navigation.navigate('DrawerOpen')}
/>
</TouchableOpacity>
)