![React Native: Set different colors on Top and Bottom in SafeAreaView component | by Samuel Matias | React Brasil | Medium React Native: Set different colors on Top and Bottom in SafeAreaView component | by Samuel Matias | React Brasil | Medium](https://miro.medium.com/v2/resize:fit:979/1*lHPyvfu8juHPlILqWS2NdQ.png)
React Native: Set different colors on Top and Bottom in SafeAreaView component | by Samuel Matias | React Brasil | Medium
![Performance issue with SafeAreaView · Issue #114 · th3rdwave/react-native- safe-area-context · GitHub Performance issue with SafeAreaView · Issue #114 · th3rdwave/react-native- safe-area-context · GitHub](https://user-images.githubusercontent.com/816817/86288081-7f0a3f80-bc13-11ea-9681-a0fa1e749f6e.gif)
Performance issue with SafeAreaView · Issue #114 · th3rdwave/react-native- safe-area-context · GitHub
SafeAreaView - option to choose only top or bottom spacing · Issue #18825 · facebook/react-native · GitHub
![react native - How to have different colors on top and bottom of SafeAreaView with Iphone X - Stack Overflow react native - How to have different colors on top and bottom of SafeAreaView with Iphone X - Stack Overflow](https://i.stack.imgur.com/5lHSO.png)
react native - How to have different colors on top and bottom of SafeAreaView with Iphone X - Stack Overflow
![iPhoneX SafeAreaView support on createMaterialTopNavigator · Issue #7425 · react-navigation/react-navigation · GitHub iPhoneX SafeAreaView support on createMaterialTopNavigator · Issue #7425 · react-navigation/react-navigation · GitHub](https://user-images.githubusercontent.com/109390/37688153-faa5f3f4-2c74-11e8-912c-f7c1158ea423.png)
iPhoneX SafeAreaView support on createMaterialTopNavigator · Issue #7425 · react-navigation/react-navigation · GitHub
![SafeAreaView missing bottom padding on screens · Issue #3072 · react -navigation/react-navigation · GitHub SafeAreaView missing bottom padding on screens · Issue #3072 · react -navigation/react-navigation · GitHub](https://user-images.githubusercontent.com/107810/33530293-cc320d52-d853-11e7-808c-4b93fa6f2105.png)
SafeAreaView missing bottom padding on screens · Issue #3072 · react -navigation/react-navigation · GitHub
![SafeAreaView adds extra padding on top inside of react-navigation Stack Navigaor · Issue #167 · th3rdwave/react-native-safe-area-context · GitHub SafeAreaView adds extra padding on top inside of react-navigation Stack Navigaor · Issue #167 · th3rdwave/react-native-safe-area-context · GitHub](https://user-images.githubusercontent.com/416564/104095120-1d322e80-5263-11eb-8754-70321b2107d8.png)
SafeAreaView adds extra padding on top inside of react-navigation Stack Navigaor · Issue #167 · th3rdwave/react-native-safe-area-context · GitHub
![Usage in combination with React Navigation · Issue #60 · th3rdwave/react- native-safe-area-context · GitHub Usage in combination with React Navigation · Issue #60 · th3rdwave/react- native-safe-area-context · GitHub](https://user-images.githubusercontent.com/810327/75756259-a36f1180-5d30-11ea-8f25-adbb8c4c2b41.png)