javascript - headerStyle 的这个实现有什么问题？我想隐藏标题的阴影/高度

Question

https://drive.google.com/file/d/1456izDo_zxkFxqAti7Kd4Reaer5mwzOh/view?usp=sharing

我想隐藏标题的阴影，但不能这样做。我尝试使用 navigationOptions 但找不到隐藏标题阴影的方法。backgroundColor 工作正常，但阴影不是。请找出错误。谢谢你。

const Stack = createNativeStackNavigator();

<Stack.Navigator
    defaultNavigationOptions={{}}
    screenOptions={({navigation}) => ({
      headerBackTitleVisible: false,
      title: '',
      headerStyle: {
        backgroundColor: 'papayawhip',
        elevation: 0,
        shadowOpacity: 0,
        borderBottomWidth: 0,
      },
      headerLeft: () => (
        <AppMaterialIcon
          onPress={() => navigation.goBack()}
          name={'chevron-left'}
          style={{marginLeft: -10}}
          size={35}
          color={colors.kermitGreen}
          backgroundColor={colors.white}
        />
      ),
    })}>
    <Stack.Screen
      name="ForgotPasswordEmail"
      component={ForgotPasswordEmailScreen}
    />
</Stack.Navigator>

标签： javascriptreact-nativereact-navigation

Answer 1

我刚刚做的是设置 headerShadowVisible: false。有效！！