как убрать верхнюю тень материала-топ-вкладки?

Question

Текущее поведение

• На верхней стороне tabBar есть тень.

Ожидаемое поведение

• как убрать верхнюю тень верхней вкладки Bar?
• пробное превышение: 0, но также удаляется нижняя тень.
• Примечание на стороне - Как достигается верхняя тень для Tabs.Navigator (реагирующая навигация)? свойства box-shadow не работают для android, а высота показывает только тень снизу.

Как воспроизвести

<>
<Header /> //App name custom component
<Tabs.Navigator
        ...
        tabBarOptions={{
          ....
          style: {
            // elevation: 0, 
          },
        }}>

Answer 1

Попробуйте с этим:

<>
<Header /> //App name custom component
<Tabs.Navigator
        ...
        tabBarOptions={{
          ....
          style: {
            elevation: 0,
            shadowColor: "#000000",
            shadowOffset: { width: 0, height: 10 }, // change this for more shadow
            shadowOpacity: 0.4,
            shadowRadius: 6
          },
        }}>

shadowOffset: { width: 0, height: 10 } тени размещаются только в нижней части View. shadowOffset: { width: 0, height: -10 } тени размещаются только в верхней части View. shadowOffset: { width: 10, height: 0 } тени размещаются только справа от View. shadowOffset: { width: -10, height: 10 } тени располагаются только слева от View.

Найден этот пример здесь .