feat: make it hideable

storybookjs · Jan 20, 2025 · e4ceaf2 · e4ceaf2
1 parent 8a94005
commit e4ceaf2
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 19 deletions.
diff --git a/examples/expo-example/.storybook/preview.tsx b/examples/expo-example/.storybook/preview.tsx
@@ -19,6 +19,8 @@ const preview: Preview = {
         date: /Date$/,
       },
     },
+    hideFullScreenButton: false,
+    noSafeArea: false,
     my_param: 'anything',
     backgrounds: {
       default: Appearance.getColorScheme() === 'dark' ? 'dark' : 'plain',

diff --git a/packages/react-native-ui/src/Layout.tsx b/packages/react-native-ui/src/Layout.tsx
@@ -146,25 +146,27 @@ export const Layout = ({
       <View style={{ flex: 1, overflow: 'hidden' }}>
         {children}
 
-        <TouchableOpacity
-          style={{
-            position: 'absolute',
-            bottom: uiHidden ? 56 + insets.bottom : 16,
-            right: 16,
-            backgroundColor: theme.background.content,
-            padding: 4,
-            borderRadius: 4,
-            borderWidth: 1,
-            borderColor: theme.appBorderColor,
-          }}
-          onPress={() => setUiHidden((prev) => !prev)}
-        >
-          {uiHidden ? (
-            <CloseFullscreenIcon color={theme.color.mediumdark} />
-          ) : (
-            <FullscreenIcon color={theme.color.mediumdark} />
-          )}
-        </TouchableOpacity>
+        {story.parameters.hideFullScreenButton ? null : (
+          <TouchableOpacity
+            style={{
+              position: 'absolute',
+              bottom: uiHidden ? 56 + insets.bottom : 16,
+              right: 16,
+              backgroundColor: theme.background.content,
+              padding: 4,
+              borderRadius: 4,
+              borderWidth: 1,
+              borderColor: theme.appBorderColor,
+            }}
+            onPress={() => setUiHidden((prev) => !prev)}
+          >
+            {uiHidden ? (
+              <CloseFullscreenIcon color={theme.color.mediumdark} />
+            ) : (
+              <FullscreenIcon color={theme.color.mediumdark} />
+            )}
+          </TouchableOpacity>
+        )}
       </View>
 
       <MobileMenuDrawer ref={mobileMenuDrawerRef}>