diff --git a/template/App.tsx b/template/App.tsx index 125fe1b..b693003 100644 --- a/template/App.tsx +++ b/template/App.tsx @@ -8,7 +8,6 @@ import React from 'react'; import type {PropsWithChildren} from 'react'; import { - SafeAreaView, ScrollView, StatusBar, StyleSheet, @@ -62,19 +61,33 @@ function App(): React.JSX.Element { backgroundColor: isDarkMode ? Colors.darker : Colors.lighter, }; + /* + * To keep the template simple and small we're adding padding to prevent view + * from rendering under the System UI. + * For bigger apps the reccomendation is to use `react-native-safe-area-context`: + * https://github.com/AppAndFlow/react-native-safe-area-context + * + * You can read more about it here: + * https://github.com/react-native-community/discussions-and-proposals/discussions/827 + */ + const safePadding = '5%'; + return ( - + -
+ +
+
Edit App.tsx to change this @@ -92,7 +105,7 @@ function App(): React.JSX.Element { - + ); } diff --git a/template/android/build.gradle b/template/android/build.gradle index a62d6da..9766946 100644 --- a/template/android/build.gradle +++ b/template/android/build.gradle @@ -3,7 +3,7 @@ buildscript { buildToolsVersion = "35.0.0" minSdkVersion = 24 compileSdkVersion = 35 - targetSdkVersion = 34 + targetSdkVersion = 35 ndkVersion = "27.1.12297006" kotlinVersion = "2.0.21" }