Question

我想在left中创建自定义react-navigation按钮。我需要此onPress按钮的left事件转到特定屏幕;我该怎么做呢？理想情况下，我希望远离编写自己的redux导航，因为它变得复杂。我可以在没有redux的情况下这样做吗？

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）

新闻上的反应导航和自定义左按钮？

1 个答案: