相关疑难解决方法(0)

将自定义图标添加到抽屉导航

我正在尝试向我的 CustomDrawerComponent 添加自定义图标,但没有任何反应......

应用程序.js:

const navigationOptions = {
  headerTintColor: colors.white,
};

const drawerNavigationOption = ({ navigation }) => ({
  ...navigationOptions,
  headerLeft: (
    <TouchableOpacity onPress={() => navigation.toggleDrawer()}>
      <View>
        <Icon name="menu" size={24} color={colors.white} />
      </View>
    </TouchableOpacity>
  ),
});

const MapsStackNavigator = createStackNavigator({
  MapsNavigator: {
    screen: MapsScreen,
    navigationOptions: drawerNavigationOption,
  },
});

const AppDrawerNavigator = createDrawerNavigator(
  {
    Plans: MapsStackNavigator,
  },
  {
    contentComponent: CustomDrawerMenu,
    contentOptions: {
      inactiveTintColor: colors.doveGrey,
      activeTintColor: colors.doveGrey,
    },
  }
);
Run Code Online (Sandbox Code Playgroud)

我的 CustomDrawerMenu.js :

export default class CustomDrawerMenu extends Component {
  render() { …
Run Code Online (Sandbox Code Playgroud)

navigation-drawer react-native react-navigation

6
推荐指数
2
解决办法
7878
查看次数