Что не так с этой реализацией для стиля заголовка? Я хочу скрыть тень/высоту заголовка

#javascript #react-native #react-navigation

Вопрос:

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

Я хочу скрыть тень заголовка, но не могу этого сделать. Я попытался использовать функции навигации, но не смог найти способ скрыть тень заголовка. Фоновый цвет работает нормально, но тень-нет. Пожалуйста, определите ошибку. Спасибо.

 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>
 

Комментарии:

1. Это не тень. Это строка состояния

Ответ №1:

То, что я только что сделал, — это установил headerShadowVisible: false. Это сработало!!