title: Cannot style shadow in react navigation header on android (React native)
body: <p>Hopefully I can find some help in here.
  So for the last day I have been struggling in react native trying to style the shadow on the react navigation header. Problem is that shadow does not display at all on android.
  As an example here is the ios display (device: iphone 11 pro max simulator):
  <a href="https://i.stack.imgur.com/fZMZ8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fZMZ8.png" alt="‏" /></a></p>
  <p>And here the android display (device: pocophone f1):
  <a href="https://i.stack.imgur.com/5ZYoa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5ZYoa.png" alt="" /></a></p>
  <p>And please find also a code snippet. I tried to style the Stack.screen trough the options prop, and while it works on IOS it doesnt in android.
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React from "react";
  import { StyleSheet, Text, View } from "react-native";
  import Home from "./components/Home";
  import { NavigationContainer } from "@react-navigation/native";
  import { createStackNavigator } from "@react-navigation/stack";
  import Logo from "./components/Logo";
  import Bar from "./components/Bar";
  
  export default function App() {
    const Stack = createStackNavigator();
    return (
      &lt;NavigationContainer&gt;
        &lt;Stack.Navigator screenOptions={{}}&gt;
          &lt;Stack.Screen
            name="Home"
            options={{
              headerTitle: () =&gt; &lt;Logo&gt;&lt;/Logo&gt;,
              title: "home",
              headerTitleAlign: "center",
              headerStyle: {
                backgroundColor: "#48CFAD",
                height: 100,
                shadowOffset: {
                  width: 0,
                  height: 2,
                },
                shadowColor: "black",
                shadowOpacity: 1,
                shadowRadius: 3.84,
                elevation: 3,
              },
            }}
            component={Home}
          /&gt;
        &lt;/Stack.Navigator&gt;
      &lt;/NavigationContainer&gt;
    );
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: "#fff",
      alignItems: "center",
      justifyContent: "center",
    },
  });</code></pre>
  </div>
  </div>
  </p>
  <p>Is anybody else having this issue or asked about it?
  Anyway thanks for the help in advance!</p>