fix: native storybook

example/storybook-v7/App.tsx

@@ -1,30 +1,5 @@
-import { StyleSheet, Text, View } from 'react-native';
-
 import './global.css';
-function App() {
-  return (
-    <View style={styles.container}>
-      <View className="bg-primary-500">
-        <Text>Open up App.tsx to start working on your app! 22</Text>
-      </View>
-    </View>
-  );
-}
-
-let AppEntryPoint = App;
-
-// if (Constants.expoConfig?.extra?.storybookEnabled === "true") {
-AppEntryPoint = require('./.ondevice').default;
-
-// }
 
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#fff',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-});
+const AppEntryPoint = require('./.ondevice').default;
 
 export default AppEntryPoint;

example/storybook-v7/babel.config.js

@@ -120,6 +120,10 @@ module.exports = function (api) {
               __dirname,
               '../../packages/unstyled/pin-input/src'
             ),
+            '@gluestack-ui/image-viewer': path.join(
+              __dirname,
+              '../../packages/unstyled/image-viewer/src'
+            ),
             '@gluestack-ui/toast': path.join(
               __dirname,
               '../../packages/unstyled/toast/src'

example/storybook-v7/tsconfig.json

@@ -4,7 +4,8 @@
     "strict": true,
     "baseUrl": ".",
     "paths": {
-      "@gluestack-ui/pin-input": ["../../packages/unstyled/pin-input/src"]
+      "@gluestack-ui/pin-input": ["../../packages/unstyled/pin-input/src"],
+      "@gluestack-ui/image-viewer": ["../../packages/unstyled/image-viewer/src"]
     }
   }
 }