From 235cb510523f46eca30ea294b5380e03d2f5c01d Mon Sep 17 00:00:00 2001
From: Dominic Go <18517029+dominicstop@users.noreply.github.com>
Date: Sun, 26 Jun 2022 06:29:00 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20Docs:=20Update=20README=20-=20`C?=
 =?UTF-8?q?ontextMenuAuxPreviewExample01`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 31 ++++++++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index ee30f6f..c0157e1 100644
--- a/README.md
+++ b/README.md
@@ -2157,7 +2157,36 @@ export function ContextMenuViewExample19(props) {
 [🔗 Full Example](example/src/examples/ContextMenuAuxPreviewExample01.tsx)
 
 ```jsx
-TBA
+// 📝 Note: for the sake of brevity, some of the code is omitted...
+export function ContextMenuAuxPreviewExample01(props) {
+  return (
+    <ContextMenuView
+      menuConfig={{
+        // ...
+      }}
+      isAuxiliaryPreviewEnabled={true}
+      renderAuxiliaryPreview={() => (
+        <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',
+        }]}>
+          <TouchableOpacity style={styles.buttonContainer}>
+            { /** ... */ }
+          </TouchableOpacity>
+        </View>
+      )}
+    >
+      {/** ... */}
+    </ContextMenuView>
+  );
+};
 ```
 
 <br>