create-expo-stack 2.10.0-next.8907a81 → 2.10.0-next.aa45674

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

@@ -1,96 +1,68 @@
-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?.name === "nativewind") { %>
+  import '../global.css';
+<% } else if (props.stylingPackage?.name === "nativewinui") { %>
+  import '../global.css';
+  import 'expo-dev-client';
 <% } %>
-<% if (props.stylingPackage?.options.selectedComponents.includes('bottom-sheet')) { %>
-import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
+<% if (props.stylingPackage?.name === "unistyles") { %>
+import '../unistyles';
 <% } %>
-import { Link, Stack } from 'expo-router';
-import { StatusBar } from 'expo-status-bar';
-import { Pressable, View } from 'react-native';
-<% if (props.stylingPackage?.options.selectedComponents.includes('bottom-sheet')) { %>
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
+<% if (props.internalizationPackage?.name === "i18next") { %>
+  import '../translation';
 <% } %>
 
-import { ThemeToggle } from '~/components/nativewindui/ThemeToggle';
-import { cn } from '~/lib/cn';
-import { useColorScheme, useInitialAndroidBarSync } from '~/lib/useColorScheme';
-import { NAV_THEME } from '~/theme';
+<% if (props.stylingPackage?.name === "tamagui") { %>
+	import React, { useEffect } from "react";
+	import { TamaguiProvider } from 'tamagui'
+	import { SplashScreen, Stack } from "expo-router";
+	import { useFonts } from "expo-font";
 
-export {
-  // Catch any errors thrown by the Layout component.
-  ErrorBoundary,
-} from 'expo-router';
+	import config from '../tamagui.config'
 
-export default function RootLayout() {
-  useInitialAndroidBarSync();
-  const { colorScheme, isDarkColorScheme } = useColorScheme();
-
-  return (
-    <>
-      <StatusBar
-        key={`root-status-bar-${isDarkColorScheme ? 'light' : 'dark'}`}
-        style={isDarkColorScheme ? 'light' : 'dark'}
-      />
-       <% if (props.stylingPackage?.options.selectedComponents.includes('bottom-sheet')) { %>
-      <GestureHandlerRootView style={{ flex: 1 }}>
-        <BottomSheetModalProvider>
-        <% } %>
-        <% if (props.stylingPackage?.options.selectedComponents.includes('action-sheet')) { %>
-        <ActionSheetProvider>
-        <% } %>
-          <NavThemeProvider value={NAV_THEME[colorScheme]}>
-            <Stack screenOptions={SCREEN_OPTIONS}>
-              <Stack.Screen name="(tabs)" options={TABS_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>
-      <% } %>
-    </>
-  );
-}
+	SplashScreen.preventAutoHideAsync();
+<% } else if (props.stylingPackage?.name === "restyle") { %>
+  import { ThemeProvider } from '@shopify/restyle';
+  import { Stack } from 'expo-router';
+  import { theme } from 'theme';
+<% } else { %>
+	import { Stack } from "expo-router";
+<% } %>
 
-const SCREEN_OPTIONS = {
-  animation: 'ios', // for android
-} as const;
+export const unstable_settings = {
+	// Ensure that reloading on `/modal` keeps a back button present.
+	initialRouteName: "(tabs)",
+};
 
-const TABS_OPTIONS = {
-  headerShown: false,
-} as const;
+export default function RootLayout() {
+  	<% if (props.stylingPackage?.name === "tamagui") { %>
+    	const [loaded] = useFonts({
+      		Inter: require("@tamagui/font-inter/otf/Inter-Medium.otf"),
+      		InterBold: require("@tamagui/font-inter/otf/Inter-Bold.otf")
+    	});
 
-const INDEX_OPTIONS = {
-  headerLargeTitle: true,
-  title: 'NativeWindUI',
-  headerRight: () => <SettingsIcon />,
-} as const;
+    	useEffect(() => {
+      		if (loaded) {
+        		SplashScreen.hideAsync();
+      		}
+    	}, [loaded]);
 
-function SettingsIcon() {
-  const { colors } = useColorScheme();
-  return (
-    <Link href="/modal" asChild>
-      <Pressable className="opacity-80">
-        {({ pressed }) => (
-          <View className={cn(pressed ? 'opacity-50' : 'opacity-90')}>
-            <Icon name="cog-outline" color={colors.foreground} />
-          </View>
-        )}
-      </Pressable>
-    </Link>
-  );
-}
+    	if (!loaded) return null;
+  	<% } %>
 
-const MODAL_OPTIONS = {
-  presentation: 'modal',
-  animation: 'fade_from_bottom', // for android
-  title: 'Settings',
-  headerRight: () => <ThemeToggle />,
-} as const;
+  	return (
+    	<% if (props.stylingPackage?.name === "tamagui") { %>
+    		<TamaguiProvider config={config}>
+    	<% } else if (props.stylingPackage?.name === "restyle") { %>
+    		<ThemeProvider theme={theme}>
+    	<% } %>
+		<Stack>
+			<Stack.Screen name="(tabs)" options={{ headerShown: false }} />
+			<Stack.Screen name="modal" options={{ presentation: "modal" }} />
+		</Stack>
+		<% if (props.stylingPackage?.name === "tamagui") { %>
+			</TamaguiProvider>
+		<% } else if (props.stylingPackage?.name === "restyle") { %>
+			</ThemeProvider>
+		<% } %>
+  	);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "create-expo-stack",
-	"version": "2.10.0-next.8907a81",
+	"version": "2.10.0-next.aa45674",
 	"description": "CLI tool to initialize a React Native application with Expo",
 	"repository": {
 		"type": "git",