Блог

Главная - Вопросы по программированию - Как скрыть тень в заголовке React Navigation v. 6.x?

Как скрыть тень в заголовке React Navigation v. 6.x?

#javascript #react-native #react-navigation

Вопрос:

Вот что я попытался удалить тень заголовка,

 <Stack.Screen
  name="Home"
  component={HomeScreen}
  options={{ 
    headerTitle: props => <MainHeader {...props} /> , 
    headerBackTitle: '',
    headerTintColor: '#0f0f2b',
    headerHideShadow: true
  }}
/>

function MainHeader(){
    return (
        <View style={{height: 1, backgroundColor: '#fff', elevation: 0, shadowOpacity: 0, borderBottomWidth: 0}}></View>
    );
}

Но это не сработало

Ответ №1:

Установите значение headerShadowVisible равным false в параметрах, например

 <Stack.Screen 
    name="Home"
    component={HomeScreen}
    options={{ headerShadowVisible: false }}
/>

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

1. Спасибо! headerShadowVisible: ложь — это сработало для меня!

2. Интересно, работает ли это? тогда почему бы вам не отметить этот ответ как принятый? @NikSilver

Ответ №2:

Использовать свойство headerShadowVisible

Смотрите мой образец

Метки: