create-expo-stack 2.10.5-next.0aee640 → 2.10.5-next.486a940

package/build/templates/packages/tamagui/components/Button.tsx.ejs

@@ -1,10 +1,16 @@
-import { forwardRef } from 'react';
-import { Button as TButton, ButtonText } from '../tamagui.config';
+import { ComponentProps, forwardRef } from 'react';
+import { TamaguiElement } from 'tamagui';
 
-export const Button = forwardRef<TouchableOpacity, ButtonProps>(({ onPress, title }, ref) => {
+import { Button as TButton } from '../tamagui.config';
+
+type ButtonProps = {
+  title: string;
+} & ComponentProps<typeof TButton>;
+
+export const Button = forwardRef<TamaguiElement, ButtonProps>(({ title, ...tButtonProps }, ref) => {
   return (
-    <TButton onPress={onPress}>
-      <ButtonText>{title}</ButtonText>
+    <TButton {...tButtonProps} ref={ref}>
+      {title}
     </TButton>
   );
 });

package/build/templates/packages/tamagui/tamagui.config.ts.ejs

@@ -4,7 +4,7 @@ import { createMedia } from "@tamagui/react-native-media-driver";
 import { shorthands } from "@tamagui/shorthands";
 import { themes, tokens } from "@tamagui/themes";
 <% if (props.navigationPackage?.type === "navigation") { %>
-	import { createTamagui, styled, SizableText, H1, YStack } from "tamagui";
+	import { createTamagui, styled, SizableText, H1, YStack, Button as ButtonTamagui } from "tamagui";
 <% } else { %>
   import { createTamagui } from "tamagui";
 <% } %>
@@ -54,33 +54,32 @@ const bodyFont = createInterFont();
     color: '#38434D',
     size: '$9',
   });
-<% } %>
-<% if (props.navigationPackage?.options.type === "stack") { %>
-	export const Button = styled(YStack, {
-		alignItems: 'center',
-		backgroundColor: '#6366F1',
-		borderRadius: 28,
+
+  export const Button = styled(ButtonTamagui, {
+    backgroundColor: '#6366F1',
+    borderRadius: 28,
     hoverStyle: {
-			backgroundColor: '#5a5fcf',
-		},
-		justifyContent: 'center',
+      backgroundColor: '#5a5fcf',
+    },
+    pressStyle: {
+      backgroundColor: '#5a5fcf',
+    },
     maxWidth: 500,
-		padding: 16,
-		shadowColor: '#000',
-		shadowOffset: {
-			height: 2,
-			width: 0,
-		},
-		shadowOpacity: 0.25,
-		shadowRadius: 3.84,
-	});
 
-	export const ButtonText = styled(SizableText, {
-		color: '#FFFFFF',
-		fontSize: 16,
-		fontWeight: '600',
-		textAlign: 'center',
-	});
+    // Shaddows
+    shadowColor: '#000',
+    shadowOffset: {
+      height: 2,
+      width: 0,
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+
+    // Button text
+    color: '#FFFFFF',
+    fontWeight: '600', // Is not passed down to the text. Probably a bug in Tamagui: https://github.com/tamagui/tamagui/issues/1156#issuecomment-1802594930
+    fontSize: 16,
+  });
 <% } %>
 
 const config = createTamagui({

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "create-expo-stack",
-	"version": "2.10.5-next.0aee640",
+	"version": "2.10.5-next.486a940",
 	"description": "CLI tool to initialize a React Native application with Expo",
 	"repository": {
 		"type": "git",