🐛 (android) fix example for Android

Author: tpucci

example/src/App.tsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { View, TouchableOpacity, Text } from 'react-native';
+import { View, TouchableOpacity, Text, Platform } from 'react-native';
 import { Navigation } from 'react-gondola';
 import { FullScreenPortal, Canal, Screen } from 'react-gondola';
 import { Instagram } from './canals/Instagram';
@@ -46,7 +46,6 @@ export default class App extends Component<{}, State> {
               },
               shadowOpacity: 0.25,
               shadowRadius: 3.84,
-              elevation: 5,
               backgroundColor: 'white',
             }}
           >
@@ -70,7 +69,7 @@ export default class App extends Component<{}, State> {
           </View>
         </FullScreenPortal>
         <TouchableOpacity
-          style={{ position: 'absolute', top: 20, left: 0 }}
+          style={{ position: 'absolute', top: Platform.OS === 'ios' ? 20 : 0, left: 0 }}
           onPress={Navigation.instance.back}
         >
           <View style={{ backgroundColor: 'black', borderBottomRightRadius: 4 }}>

example/src/canals/Instagram/PostPage.tsx

@@ -19,6 +19,7 @@ const styles = StyleSheet.create({
     borderRadius: 16,
     justifyContent: 'center',
     alignItems: 'center',
+    overflow: 'hidden',
   },
   info: {
     paddingVertical: 8,
@@ -29,6 +30,7 @@ const styles = StyleSheet.create({
     height: POST_SIZE,
     justifyContent: 'center',
     alignItems: 'center',
+    overflow: 'hidden',
   },
   emoji: {
     fontSize: 24,

example/src/canals/Instagram/PostSneakPeek.tsx

@@ -25,11 +25,13 @@ const styles = StyleSheet.create({
     borderRadius: 16,
     justifyContent: 'center',
     alignItems: 'center',
+    overflow: 'hidden',
   },
   post: {
     height: POST_SIZE,
     justifyContent: 'center',
     alignItems: 'center',
+    overflow: 'hidden',
   },
   emoji: {
     fontSize: 24,

example/src/canals/Instagram/ProfilePage.tsx

@@ -29,6 +29,7 @@ const styles = StyleSheet.create({
     borderRadius: 32,
     justifyContent: 'center',
     alignItems: 'center',
+    overflow: 'hidden',
   },
   info: {
     paddingVertical: 8,
@@ -45,9 +46,11 @@ const styles = StyleSheet.create({
   post: {
     flex: 1,
     height: POST_SIZE,
+    maxWidth: POST_SIZE,
     justifyContent: 'center',
     alignItems: 'center',
     margin: 1,
+    overflow: 'hidden',
   },
   emoji: {
     fontSize: 48,