React Native: тусклый фон модального экрана

Question

Как я могу затемнить фон моего модального окна? Для ясности я использую навигатор стека с модальным режимом. Мне удалось сделать фон прозрачным, но я не знаю, как затемнить фоновый экран. Вот мой код навигатора стека:

import {createStackNavigator} from 'react-navigation-stack';
import Home from '../components/home/Home';
import Settings from '../components/settings/Settings';

const AppStack = createStackNavigator(
  {
    Home: {
      screen: Home,
    },
    Settings: {
      screen: Settings,
      navigationOptions: {
        gestureResponseDistance: {vertical: 800},
      },
    },
  },
  {
    mode: 'modal',
    headerMode: 'none',
    transparentCard: true,
  },
);

export default AppStack;

Заранее спасибо!

Answer 1

Возможно, вам понадобится добавить в свой код еще одно свойство opacity в cardStyle. Вы можете узнать больше об этом в аналогичной проблеме на github, поднятой здесь. https://github.com/react-navigation/react-navigation/issues/7085

 {
mode: "modal",
headerMode: "none",
transparentCard: true,
defaultNavigationOptions: {
  gesturesEnabled: false
},
cardStyle: {
  // makes transparentCard work for android
  opacity: 1.0
}