create-expo-stack 2.7.0-next.0c1b767 → 2.7.0-next.3029b3a

package/README.md

@@ -158,17 +158,17 @@ Thanks go to these wonderful people:
         </a>
     </td>
     <td align="center">
-        <a href="https://github.com/saimon24">
-            <img src="https://avatars.githubusercontent.com/u/2514208?v=4" width="100;" alt="saimon24"/>
+        <a href="https://github.com/mrzachnugent">
+            <img src="https://avatars.githubusercontent.com/u/63797719?v=4" width="100;" alt="mrzachnugent"/>
             <br />
-            <sub><b>Simon Grimm</b></sub>
+            <sub><b>Zach Nugent</b></sub>
         </a>
     </td>
     <td align="center">
-        <a href="https://github.com/mrzachnugent">
-            <img src="https://avatars.githubusercontent.com/u/63797719?v=4" width="100;" alt="mrzachnugent"/>
+        <a href="https://github.com/saimon24">
+            <img src="https://avatars.githubusercontent.com/u/2514208?v=4" width="100;" alt="saimon24"/>
             <br />
-            <sub><b>Zach Nugent</b></sub>
+            <sub><b>Simon Grimm</b></sub>
         </a>
     </td>
     <td align="center">

package/build/templates/base/package.json.ejs

@@ -20,16 +20,43 @@
       "nativewind": "^4.0.1",
     <% } %>
     <% if (props.stylingPackage?.name === "nativewindui") { %>
-      "@react-navigation/material-top-tabs": "^6.6.13",
       "@roninoss/icons": "^0.0.3",
       "@shopify/flash-list": "1.6.3",
       "class-variance-authority": "^0.7.0",
       "clsx": "^2.1.0",
       "expo-dev-client": "~3.3.8",
       "tailwind-merge": "^2.2.1",
+      <% if (props.stylingPackage?.options.selectedComponents.includes('actionable-text')) { %>
       "react-native-uitextview": "^1.1.4",
+      <% } %>
       "react-native-pager-view": "6.2.3",
-      "react-native-tab-view": "^3.5.2",
+      <% if (props.stylingPackage?.options.selectedComponents.includes('date-picker')) { %>
+        "@react-native-community/datetimepicker": "7.6.1",
+      <% } %>
+      <% if (props.stylingPackage?.options.selectedComponents.includes('segmented-control')) { %>
+        "@react-native-segmented-control/segmented-control": "2.4.1",
+      <% } %>
+      <% if (props.stylingPackage?.options.selectedComponents.includes('picker')) { %>
+        "@react-native-picker/picker": "^2.6.1",
+      <% } %>
+      <% if (props.stylingPackage?.options.selectedComponents.includes('bottom-sheet')) { %>
+        "@gorhom/bottom-sheet": "^4",
+      <% } %>
+      <% if (props.stylingPackage?.options.selectedComponents.includes('action-sheet')) { %>
+        "@expo/react-native-action-sheet": "^4.0.1",
+      <% } %>
+      <% if (props.stylingPackage?.options.selectedComponents.includes('context-menu') || props.stylingPackage?.options.selectedComponents.includes('dropdown-menu')) { %>
+        "zeego": "^1.9.1",
+        "react-native-ios-context-menu": "^2.5.0",
+        "react-native-ios-utilities": "^4.4.0",
+        "@react-native-menu/menu": "^0.9.1",
+      <% } %>
+      <% if (props.stylingPackage?.options.selectedComponents.includes('ratings-indicator')) { %>
+        "expo-store-review": "~6.8.3",
+      <% } %>
+      <% if (props.stylingPackage?.options.selectedComponents.includes('slider')) { %>
+        "@react-native-community/slider": "4.4.2",
+      <% } %>
     <% } %>
     
     <% if (props.stylingPackage?.name === "restyle") { %>

package/build/templates/packages/nativewindui/app/_layout.tsx.ejs

@@ -2,12 +2,18 @@ import '~/global.css';
 import 'expo-dev-client';
 import { ThemeProvider as NavThemeProvider } from '@react-navigation/native';
 import { Icon } from '@roninoss/icons';
+<% if (props.stylingPackage?.options.selectedComponents.includes('action-sheet')) { %>
+import { ActionSheetProvider } from '@expo/react-native-action-sheet';
+<% } %>
+<% if (props.stylingPackage?.options.selectedComponents.includes('bottom-sheet')) { %>
+import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
+<% } %>
 import { Link, Stack } from 'expo-router';
 import { StatusBar } from 'expo-status-bar';
 import { Pressable, View } from 'react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 
-import { ThemeToggle } from '~/components/ThemeToggle';
+import { ThemeToggle } from '~/components/nativewind-ui/ThemeToggle';
 import { cn } from '~/lib/cn';
 import { useColorScheme } from '~/lib/useColorScheme';
 import { NAV_THEME } from '~/theme';
@@ -27,15 +33,24 @@ export default function RootLayout() {
         style={isDarkColorScheme ? 'light' : 'dark'}
       />
       <GestureHandlerRootView style={{ flex: 1 }}>
+        <% if (props.stylingPackage?.options.selectedComponents.includes('bottom-sheet')) { %>
+        <BottomSheetModalProvider>
+        <% } %>
+        <% if (props.stylingPackage?.options.selectedComponents.includes('action-sheet')) { %>
+        <ActionSheetProvider>
+        <% } %>
         <NavThemeProvider value={NAV_THEME[colorScheme]}>
           <Stack screenOptions={SCREEN_OPTIONS}>
             <Stack.Screen name="index" options={INDEX_OPTIONS} />
-            <Stack.Screen name="top-tabs" options={TOP_TABS_OPTIONS} />
-            <Stack.Screen name="drawer" options={DEFAULT_OPTIONS} />
-            <Stack.Screen name="bottom-tabs" options={DEFAULT_OPTIONS} />
             <Stack.Screen name="modal" options={MODAL_OPTIONS} />
           </Stack>
         </NavThemeProvider>
+        <% if (props.stylingPackage?.options.selectedComponents.includes('action-sheet')) { %>
+        </ActionSheetProvider>
+        <% } %>
+        <% if (props.stylingPackage?.options.selectedComponents.includes('bottom-sheet')) { %>
+        </BottomSheetModalProvider>
+        <% } %>
       </GestureHandlerRootView>
     </>
   );
@@ -79,7 +94,3 @@ const MODAL_OPTIONS = {
   title: 'Settings',
   headerRight: () => <ThemeToggle />,
 } as const;
-
-const DEFAULT_OPTIONS = {
-  headerShown: false,
-};