chore: separate integration tests in example app (#380)

Author: jokerttu

CONTRIBUTING.md

@@ -124,19 +124,19 @@ Build the tests using detox-cli in the example folder:
 
 iOS:
 ```bash
-detox build --configuration ios.sim.release
+yarn run example detox:build:ios-release
 ```
 
 Android:
 ```bash
-detox build --configuration android.emu.release
+yarn run example detox:build:android-release
 ```
 
 Google Maps React Native Navigation SDK integration tests can be run with the following command:
 
 iOS
 ```bash
-yarn run example test:ios-release
+yarn run example detox:test:ios-release
 ```
 
 Android:

example/src/App.tsx

@@ -47,7 +47,9 @@ const HomeScreen = () => {
   const isFocused = useIsFocused();
 
   return (
-    <View style={[styles.container]}>
+    <View style={styles.container}>
+      {/* Spacer */}
+      <View style={styles.container} />
       <View style={styles.buttonContainer}>
         <Button
           title="Navigation"
@@ -60,8 +62,11 @@ const HomeScreen = () => {
           onPress={() => isFocused && navigate('Multiple maps')}
         />
       </View>
+      {/* Spacer */}
+      <View style={styles.container} />
       <View style={styles.buttonContainer}>
         <Button
+          color="grey"
           title="Integration Tests"
           testID="integration_tests_button"
           onPress={() => isFocused && navigate('Integration tests')}

example/src/screens/IntegrationTestsScreen.tsx

@@ -220,8 +220,9 @@ const IntegrationTestsScreen = () => {
   }, [testStatus, detoxStepNumber]);
 
   return (
-    <View style={[styles.container]}>
-      <View style={{ flex: 3, margin: 5 }}>
+    <View style={styles.container}>
+      <Text>See CONTRIBUTING.md to see how to run integration tests.</Text>
+      <View style={{ flex: 6, margin: 5 }}>
         <NavigationView
           mapViewCallbacks={mapViewCallbacks}
           onMapViewControllerCreated={setMapViewController}

example/src/screens/MultipleMapsScreen.tsx

@@ -325,7 +325,7 @@ const MultipleMapsScreen = () => {
   };
 
   return arePermissionsApproved ? (
-    <View style={[styles.container]}>
+    <View style={styles.container}>
       <NavigationView
         androidStylingOptions={{
           primaryDayModeThemeColor: '#34eba8',

example/src/screens/NavigationScreen.tsx

@@ -342,7 +342,7 @@ const NavigationScreen = () => {
   };
 
   return arePermissionsApproved ? (
-    <View style={[styles.container]}>
+    <View style={styles.container}>
       <NavigationView
         style={[
           {