React Native:模态屏幕的背景暗淡

时间:2020-05-30 14:03:50

标签: react-native react-native-modal

如何使模态背景变暗?为了清楚起见,我使用模式模式的堆栈导航器。我设法使背景透明,但是不确定如何使背景屏幕变暗。这是我的堆栈导航器代码:

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;

谢谢!

1 个答案:

答案 0 :(得分:0)

您可能需要在代码中将 { mode: "modal", headerMode: "none", transparentCard: true, defaultNavigationOptions: { gesturesEnabled: false }, cardStyle: { // makes transparentCard work for android opacity: 1.0 } 的另一个属性添加到cardStyle。您可以在此处引发的类似github问题中阅读有关此内容的更多信息。 https://github.com/react-navigation/react-navigation/issues/7085

negative_sc = [511, 127]

mask = df['NUM_SC'].isin(negative_sc)

df.loc[mask, 'Value'] = df.loc[mask, 'Value'] * -1
相关问题