From b463189ebf6fee00cb4ff8db703c76c2786cd5f0 Mon Sep 17 00:00:00 2001
From: Dominic Go <18517029+dominicstop@users.noreply.github.com>
Date: Wed, 15 Jun 2022 11:26:09 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=AB=20Update:=20Example=20-=20`Context?=
 =?UTF-8?q?MenuViewExample19`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/examples/ContextMenuViewExample19.tsx | 29 ++++++++++++++-----
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/example/src/examples/ContextMenuViewExample19.tsx b/example/src/examples/ContextMenuViewExample19.tsx
index 58a6cd8..5730437 100644
--- a/example/src/examples/ContextMenuViewExample19.tsx
+++ b/example/src/examples/ContextMenuViewExample19.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable react-native/no-inline-styles */
 import * as React from 'react';
-import { Alert, View, Text } from 'react-native';
+import { Alert, View, Text, StyleSheet } from 'react-native';
 
 import { ContextMenuView } from 'react-native-ios-context-menu';
 
@@ -26,14 +26,16 @@ export function ContextMenuViewExample19(props: ContextMenuExampleProps) {
         }],
       }}
       renderAuxillaryPreview={() => (
-        <View style={{
-          borderRadius: 10,
-          padding: 10,
+        <View style={[styles.auxRootContainer, {
+          // by default, the root view you returned will be resized to match
+          // the width of the preview (you can override this behavior via the
+          // `auxiliaryPreviewConfig` prop).
+          //
+          // since this view is going to be resized, let's center the content
           alignItems: 'center',
           justifyContent: 'center',
-          backgroundColor: 'white',
-        }}>
-          <Text>
+        }]}>
+          <Text style={styles.textLabel}>
             Hello World
           </Text>
         </View>
@@ -55,4 +57,15 @@ export function ContextMenuViewExample19(props: ContextMenuExampleProps) {
       />
     </ContextMenuView>
   );
-};
\ No newline at end of file
+};
+
+const styles = StyleSheet.create({
+  auxRootContainer: {
+    backgroundColor: 'white',
+  },
+  textLabel: {
+    fontWeight: 'bold',
+    borderRadius: 10,
+    padding: 10,
+  },
+});
\ No newline at end of file