如何使用React导航在抽屉边上制作不透明背景

npm install react react-navigation

import React from 'react';
import { View, TouchableOpacity, Text } from 'react-native';
import { createDrawerNavigator } from 'react-navigation';

class HomeScreen extends React.Component {
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>主屏幕</Text>
      </View>
    );
  }
}

class DrawerScreen extends React.Component {
  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>抽屉屏幕</Text>
      </View>
    );
  }
}

const AppNavigator = createDrawerNavigator(
  {
    主屏幕: HomeScreen,
  },
  {
    contentComponent: DrawerScreen,
    drawerBackgroundColor: 'rgba(0, 0, 0, 0.5)', // 设置抽屉背景颜色为半透明黑色
  }
);

export default class App extends React.Component {
  render() {
    return <AppNavigator />;
  }
}