create-expo-stack 2.12.0-next.08c09d9 → 2.12.0-next.fa0d692

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/README.md +58 -51
  2. package/build/templates/base/components/Button.tsx.ejs +2 -2
  3. package/build/templates/base/package.json.ejs +16 -23
  4. package/build/templates/packages/nativewind/components/Button.tsx.ejs +2 -2
  5. package/build/templates/packages/nativewindui/components/Button.tsx.ejs +2 -2
  6. package/build/templates/packages/nativewindui/drawer/app/_layout.tsx.ejs +1 -1
  7. package/build/templates/packages/nativewindui/stack/app/_layout.tsx.ejs +1 -1
  8. package/build/templates/packages/nativewindui/tabs/app/_layout.tsx.ejs +1 -1
  9. package/build/templates/packages/nativewindui/theme/index.ts.ejs +3 -0
  10. package/build/templates/packages/restyle/components/Button.tsx.ejs +2 -2
  11. package/build/templates/packages/unistyles/components/Button.tsx.ejs +2 -2
  12. package/package.json +1 -1
package/README.md CHANGED
@@ -59,11 +59,11 @@ Each project is generated based on the results of the CLI, on a per-file basis.
59
59
 
60
60
  | Library | Category | Version | Description |
61
61
  | ------------------ | ------------------- | ------- | ---------------------------------------------- |
62
- | React Native | Mobile Framework | v0.74 | The best cross-platform mobile framework |
62
+ | React Native | Mobile Framework | v0.76 | The best cross-platform mobile framework |
63
63
  | React | UI Framework | v18 | The most popular UI framework in the world |
64
64
  | TypeScript | Language | v5 | Static typechecking |
65
- | React Navigation | Navigation | v6 | Performant and consistent navigation framework |
66
- | Expo | SDK | v51 | Allows (optional) Expo modules |
65
+ | React Navigation | Navigation | v7 | Performant and consistent navigation framework |
66
+ | Expo | SDK | v52 | Allows (optional) Expo modules |
67
67
  | Expo Font | Custom Fonts | v11 | Import custom fonts |
68
68
  | Expo Linking | URL Handling | v5 | Open your app via a URL |
69
69
  | Expo Router | Navigation | v3 | File-based routing in React-Native |
@@ -217,40 +217,40 @@ Thanks go to these wonderful people:
217
217
  <sub><b>Catalin Miron</b></sub>
218
218
  </a>
219
219
  </td>
220
- <td align="center">
221
- <a href="https://github.com/coyksdev">
222
- <img src="https://avatars.githubusercontent.com/u/19565694?v=4" width="100;" alt="coyksdev"/>
223
- <br />
224
- <sub><b>Gerald</b></sub>
225
- </a>
226
- </td>
227
220
  <td align="center">
228
221
  <a href="https://github.com/Savinvadim1312">
229
222
  <img src="https://avatars.githubusercontent.com/u/16936043?v=4" width="100;" alt="Savinvadim1312"/>
230
223
  <br />
231
224
  <sub><b>Savin Vadim</b></sub>
232
225
  </a>
233
- </td></tr>
234
- <tr>
226
+ </td>
235
227
  <td align="center">
236
228
  <a href="https://github.com/b0iq">
237
229
  <img src="https://avatars.githubusercontent.com/u/106549013?v=4" width="100;" alt="b0iq"/>
238
230
  <br />
239
231
  <sub><b>Null</b></sub>
240
232
  </a>
233
+ </td></tr>
234
+ <tr>
235
+ <td align="center">
236
+ <a href="https://github.com/coyksdev">
237
+ <img src="https://avatars.githubusercontent.com/u/19565694?v=4" width="100;" alt="coyksdev"/>
238
+ <br />
239
+ <sub><b>Gerald</b></sub>
240
+ </a>
241
241
  </td>
242
242
  <td align="center">
243
- <a href="https://github.com/gabimoncha">
244
- <img src="https://avatars.githubusercontent.com/u/39256258?v=4" width="100;" alt="gabimoncha"/>
243
+ <a href="https://github.com/AlejandroGutierrezB">
244
+ <img src="https://avatars.githubusercontent.com/u/56408597?v=4" width="100;" alt="AlejandroGutierrezB"/>
245
245
  <br />
246
- <sub><b>Gabimoncha</b></sub>
246
+ <sub><b>Alejandro Gutierrez Barcenilla</b></sub>
247
247
  </a>
248
248
  </td>
249
249
  <td align="center">
250
- <a href="https://github.com/mwarger">
251
- <img src="https://avatars.githubusercontent.com/u/686823?v=4" width="100;" alt="mwarger"/>
250
+ <a href="https://github.com/andrew-levy">
251
+ <img src="https://avatars.githubusercontent.com/u/29075740?v=4" width="100;" alt="andrew-levy"/>
252
252
  <br />
253
- <sub><b>Mat Warger</b></sub>
253
+ <sub><b>Andrew Levy</b></sub>
254
254
  </a>
255
255
  </td>
256
256
  <td align="center">
@@ -261,75 +261,82 @@ Thanks go to these wonderful people:
261
261
  </a>
262
262
  </td>
263
263
  <td align="center">
264
- <a href="https://github.com/andrew-levy">
265
- <img src="https://avatars.githubusercontent.com/u/29075740?v=4" width="100;" alt="andrew-levy"/>
264
+ <a href="https://github.com/mwarger">
265
+ <img src="https://avatars.githubusercontent.com/u/686823?v=4" width="100;" alt="mwarger"/>
266
266
  <br />
267
- <sub><b>Andrew Levy</b></sub>
267
+ <sub><b>Mat Warger</b></sub>
268
268
  </a>
269
269
  </td>
270
270
  <td align="center">
271
- <a href="https://github.com/AlejandroGutierrezB">
272
- <img src="https://avatars.githubusercontent.com/u/56408597?v=4" width="100;" alt="AlejandroGutierrezB"/>
271
+ <a href="https://github.com/gabimoncha">
272
+ <img src="https://avatars.githubusercontent.com/u/39256258?v=4" width="100;" alt="gabimoncha"/>
273
273
  <br />
274
- <sub><b>Alejandro Gutierrez Barcenilla</b></sub>
274
+ <sub><b>Gabimoncha</b></sub>
275
275
  </a>
276
276
  </td></tr>
277
277
  <tr>
278
278
  <td align="center">
279
- <a href="https://github.com/debugtheworldbot">
280
- <img src="https://avatars.githubusercontent.com/u/62830430?v=4" width="100;" alt="debugtheworldbot"/>
279
+ <a href="https://github.com/ralacerda">
280
+ <img src="https://avatars.githubusercontent.com/u/19380403?v=4" width="100;" alt="ralacerda"/>
281
281
  <br />
282
- <sub><b>Pipizhu</b></sub>
282
+ <sub><b>Renato Lacerda</b></sub>
283
283
  </a>
284
284
  </td>
285
285
  <td align="center">
286
- <a href="https://github.com/bautistaaa">
287
- <img src="https://avatars.githubusercontent.com/u/3660667?v=4" width="100;" alt="bautistaaa"/>
286
+ <a href="https://github.com/salloom-domani">
287
+ <img src="https://avatars.githubusercontent.com/u/76164955?v=4" width="100;" alt="salloom-domani"/>
288
288
  <br />
289
- <sub><b>Null</b></sub>
289
+ <sub><b>Salloom</b></sub>
290
290
  </a>
291
291
  </td>
292
292
  <td align="center">
293
- <a href="https://github.com/abhishekmg">
294
- <img src="https://avatars.githubusercontent.com/u/34393560?v=4" width="100;" alt="abhishekmg"/>
293
+ <a href="https://github.com/Hacksore">
294
+ <img src="https://avatars.githubusercontent.com/u/996134?v=4" width="100;" alt="Hacksore"/>
295
295
  <br />
296
- <sub><b>Null</b></sub>
296
+ <sub><b>Sean Boult</b></sub>
297
297
  </a>
298
298
  </td>
299
299
  <td align="center">
300
- <a href="https://github.com/YounessHassoune">
301
- <img src="https://avatars.githubusercontent.com/u/36106440?v=4" width="100;" alt="YounessHassoune"/>
300
+ <a href="https://github.com/Viraj-10">
301
+ <img src="https://avatars.githubusercontent.com/u/66306233?v=4" width="100;" alt="Viraj-10"/>
302
302
  <br />
303
- <sub><b>YOUNESS HASSOUNE</b></sub>
303
+ <sub><b>Viraj Joshi</b></sub>
304
304
  </a>
305
305
  </td>
306
306
  <td align="center">
307
- <a href="https://github.com/Viraj-10">
308
- <img src="https://avatars.githubusercontent.com/u/66306233?v=4" width="100;" alt="Viraj-10"/>
307
+ <a href="https://github.com/YounessHassoune">
308
+ <img src="https://avatars.githubusercontent.com/u/36106440?v=4" width="100;" alt="YounessHassoune"/>
309
309
  <br />
310
- <sub><b>Viraj Joshi</b></sub>
310
+ <sub><b>YOUNESS HASSOUNE</b></sub>
311
311
  </a>
312
312
  </td>
313
313
  <td align="center">
314
- <a href="https://github.com/Hacksore">
315
- <img src="https://avatars.githubusercontent.com/u/996134?v=4" width="100;" alt="Hacksore"/>
314
+ <a href="https://github.com/abhishekmg">
315
+ <img src="https://avatars.githubusercontent.com/u/34393560?v=4" width="100;" alt="abhishekmg"/>
316
316
  <br />
317
- <sub><b>Sean Boult</b></sub>
317
+ <sub><b>Null</b></sub>
318
318
  </a>
319
319
  </td></tr>
320
320
  <tr>
321
321
  <td align="center">
322
- <a href="https://github.com/salloom-domani">
323
- <img src="https://avatars.githubusercontent.com/u/76164955?v=4" width="100;" alt="salloom-domani"/>
322
+ <a href="https://github.com/bautistaaa">
323
+ <img src="https://avatars.githubusercontent.com/u/3660667?v=4" width="100;" alt="bautistaaa"/>
324
324
  <br />
325
- <sub><b>Salloom</b></sub>
325
+ <sub><b>Null</b></sub>
326
326
  </a>
327
327
  </td>
328
328
  <td align="center">
329
- <a href="https://github.com/ralacerda">
330
- <img src="https://avatars.githubusercontent.com/u/19380403?v=4" width="100;" alt="ralacerda"/>
329
+ <a href="https://github.com/debugtheworldbot">
330
+ <img src="https://avatars.githubusercontent.com/u/62830430?v=4" width="100;" alt="debugtheworldbot"/>
331
331
  <br />
332
- <sub><b>Renato Lacerda</b></sub>
332
+ <sub><b>Pipizhu</b></sub>
333
+ </a>
334
+ </td>
335
+ <td align="center">
336
+ <a href="https://github.com/theblondealex">
337
+ <img src="https://avatars.githubusercontent.com/u/65453441?v=4" width="100;" alt="theblondealex"/>
338
+ <br />
339
+ <sub><b>TheBlondeAlex</b></sub>
333
340
  </a>
334
341
  </td>
335
342
  <td align="center">
@@ -352,15 +359,15 @@ Thanks go to these wonderful people:
352
359
  <br />
353
360
  <sub><b>Joël Kuijper</b></sub>
354
361
  </a>
355
- </td>
362
+ </td></tr>
363
+ <tr>
356
364
  <td align="center">
357
365
  <a href="https://github.com/zamplyy">
358
366
  <img src="https://avatars.githubusercontent.com/u/26258710?v=4" width="100;" alt="zamplyy"/>
359
367
  <br />
360
368
  <sub><b>Joar Karlsson</b></sub>
361
369
  </a>
362
- </td></tr>
363
- <tr>
370
+ </td>
364
371
  <td align="center">
365
372
  <a href="https://github.com/boek">
366
373
  <img src="https://avatars.githubusercontent.com/u/1250545?v=4" width="100;" alt="boek"/>
package/build/templates/base/components/Button.tsx.ejs CHANGED
@@ -1,11 +1,11 @@
1
1
  import { forwardRef } from 'react';
2
- import { StyleSheet, Text, TouchableOpacity, TouchableOpacityProps } from 'react-native';
2
+ import { StyleSheet, Text, TouchableOpacity, TouchableOpacityProps, View } from 'react-native';
3
3
 
4
4
  type ButtonProps = {
5
5
  title?: string;
6
6
  } & TouchableOpacityProps;
7
7
 
8
- export const Button = forwardRef<TouchableOpacity, ButtonProps>(({ title, ...touchableProps }, ref) => {
8
+ export const Button = forwardRef<View, ButtonProps>(({ title, ...touchableProps }, ref) => {
9
9
  return (
10
10
  <TouchableOpacity ref={ref} {...touchableProps} style={[styles.button, touchableProps.style]}>
11
11
  <Text style={styles.buttonText}>{title}</Text>
package/build/templates/base/package.json.ejs CHANGED
@@ -90,14 +90,14 @@
90
90
  <% } %>
91
91
 
92
92
  <% if (props.navigationPackage?.type === "navigation") { %>
93
- "@react-navigation/native": "^6.1.7",
94
- "react-native-gesture-handler": "~2.16.1",
95
- "react-native-safe-area-context": "4.10.1",
96
- "react-native-screens": "3.31.1",
93
+ "@react-navigation/native": "^7.0.3",
94
+ "react-native-gesture-handler": "~2.20.2",
95
+ "react-native-safe-area-context": "4.12.0",
96
+ "react-native-screens": "~4.1.0",
97
97
  <% } %>
98
98
 
99
99
  <% if (props.navigationPackage?.name === "react-navigation") { %>
100
- "@react-navigation/stack": "^6.3.17",
100
+ "@react-navigation/stack": "^7.0.4",
101
101
  "@expo/vector-icons": "^14.0.0",
102
102
  <% } %>
103
103
 
@@ -110,26 +110,26 @@
110
110
  <% } %>
111
111
 
112
112
  <% if (props.navigationPackage?.options.type === "tabs" && props.navigationPackage?.name === "react-navigation") { %>
113
- "@react-navigation/bottom-tabs": "^6.5.8",
113
+ "@react-navigation/bottom-tabs": "^7.0.5",
114
114
  <% } %>
115
115
 
116
116
  <% if ((props.navigationPackage?.options.type === "drawer + tabs") && (props.navigationPackage?.name === "react-navigation")) { %>
117
- "@react-navigation/drawer": "^6.6.15",
118
- "@react-navigation/bottom-tabs": "^6.5.8",
117
+ "@react-navigation/drawer": "^7.0.0",
118
+ "@react-navigation/bottom-tabs": "^7.0.5",
119
119
  "react-native-reanimated": "~3.10.1",
120
120
  <% } else if (props.navigationPackage?.options.type === "drawer + tabs") { %>
121
- "@react-navigation/drawer": "^6.6.15",
122
- "@react-navigation/bottom-tabs": "^6.5.8",
121
+ "@react-navigation/drawer": "^7.0.0",
122
+ "@react-navigation/bottom-tabs": "^7.0.5",
123
123
  <% } %>
124
124
 
125
125
  <% if (props.navigationPackage?.name === "expo-router") { %>
126
126
  "@expo/vector-icons": "^14.0.0",
127
127
  "expo-linking": "~6.3.1",
128
- "expo-router": "~3.5.14",
128
+ "expo-router": "~4.0.6",
129
129
  "expo-constants": "~16.0.1",
130
130
  "expo-system-ui": "~3.0.4",
131
131
  "expo-web-browser": "~13.0.3",
132
- "react-dom": "18.2.0",
132
+ "react-dom": "18.3.1",
133
133
  "react-native-reanimated": "~3.10.1",
134
134
  "react-native-web": "~0.19.10",
135
135
  <% } %>
@@ -153,10 +153,10 @@
153
153
  "expo-dev-launcher": "^4.0.22",
154
154
  <% } %>
155
155
 
156
- "expo": "^51.0.0",
156
+ "expo": "^52.0.7",
157
157
  "expo-status-bar": "~1.12.1",
158
- "react": "18.2.0",
159
- "react-native": "0.74.1"
158
+ "react": "18.3.1",
159
+ "react-native": "0.76.1"
160
160
  },
161
161
  "devDependencies": {
162
162
  <%# patch for this issue : https://github.com/expo/expo/issues/26641 %>
@@ -164,7 +164,7 @@
164
164
  "ajv": "^8.12.0",
165
165
  <% } %>
166
166
  "@babel/core": "^7.20.0",
167
- "@types/react": "~18.2.45",
167
+ "@types/react": "~18.3.12",
168
168
  "@typescript-eslint/eslint-plugin": "^7.7.0",
169
169
  "@typescript-eslint/parser": "^7.7.0",
170
170
  "eslint": "^8.57.0",
@@ -186,12 +186,5 @@
186
186
  <% if (props.navigationPackage?.name !== "expo-router") { %>
187
187
  "main": "node_modules/expo/AppEntry.js",
188
188
  <% } %>
189
- <% if (props.navigationPackage?.type === "navigation") { %>
190
- "expo": {
191
- "install": {
192
- "exclude": ["react-native-safe-area-context"]
193
- }
194
- },
195
- <% } %>
196
189
  "private": true
197
190
  }
package/build/templates/packages/nativewind/components/Button.tsx.ejs CHANGED
@@ -1,11 +1,11 @@
1
1
  import { forwardRef } from 'react';
2
- import { Text, TouchableOpacity, TouchableOpacityProps } from 'react-native';
2
+ import { Text, TouchableOpacity, TouchableOpacityProps, View } from 'react-native';
3
3
 
4
4
  type ButtonProps = {
5
5
  title: string;
6
6
  } & TouchableOpacityProps;
7
7
 
8
- export const Button = forwardRef<TouchableOpacity, ButtonProps>(({ title, ...touchableProps }, ref) => {
8
+ export const Button = forwardRef<View, ButtonProps>(({ title, ...touchableProps }, ref) => {
9
9
  return (
10
10
  <TouchableOpacity ref={ref} {...touchableProps} className={`${styles.button} ${touchableProps.className}`}>
11
11
  <Text className={styles.buttonText}>{title}</Text>
package/build/templates/packages/nativewindui/components/Button.tsx.ejs CHANGED
@@ -1,11 +1,11 @@
1
1
  import { forwardRef } from 'react';
2
- import { StyleSheet, Text, TouchableOpacity, TouchableOpacityProps } from 'react-native';
2
+ import { StyleSheet, Text, TouchableOpacity, TouchableOpacityProps, View } from 'react-native';
3
3
 
4
4
  type ButtonProps = {
5
5
  title?: string;
6
6
  } & TouchableOpacityProps;
7
7
 
8
- export const Button = forwardRef<TouchableOpacity, ButtonProps>(({ title, ...touchableProps }, ref) => {
8
+ export const Button = forwardRef<View, ButtonProps>(({ title, ...touchableProps }, ref) => {
9
9
  return (
10
10
  <TouchableOpacity ref={ref} {...touchableProps} style={[styles.button, touchableProps.style]}>
11
11
  <Text style={styles.buttonText}>{title}</Text>
package/build/templates/packages/nativewindui/drawer/app/_layout.tsx.ejs CHANGED
@@ -60,7 +60,7 @@ export default function RootLayout() {
60
60
  }
61
61
 
62
62
  const SCREEN_OPTIONS = {
63
- animation: 'ios', // for android
63
+ animation: 'ios_from_right', // for android
64
64
  } as const;
65
65
 
66
66
  const DRAWER_OPTIONS = {
package/build/templates/packages/nativewindui/stack/app/_layout.tsx.ejs CHANGED
@@ -63,7 +63,7 @@ export default function RootLayout() {
63
63
  }
64
64
 
65
65
  const SCREEN_OPTIONS = {
66
- animation: 'ios', // for android
66
+ animation: 'ios_from_right', // for android
67
67
  } as const;
68
68
 
69
69
  const INDEX_OPTIONS = {
package/build/templates/packages/nativewindui/tabs/app/_layout.tsx.ejs CHANGED
@@ -63,7 +63,7 @@ export default function RootLayout() {
63
63
  }
64
64
 
65
65
  const SCREEN_OPTIONS = {
66
- animation: 'ios', // for android
66
+ animation: 'ios_from_right', // for android
67
67
  } as const;
68
68
 
69
69
  const TABS_OPTIONS = {
package/build/templates/packages/nativewindui/theme/index.ts.ejs CHANGED
@@ -1,4 +1,5 @@
1
1
  import { Theme } from '@react-navigation/native';
2
+ import { DefaultTheme, DarkTheme } from '@react-navigation/native';
2
3
  import { COLORS } from './colors';
3
4
 
4
5
  const NAV_THEME: { light: Theme; dark: Theme } = {
@@ -12,6 +13,7 @@ const NAV_THEME: { light: Theme; dark: Theme } = {
12
13
  primary: COLORS.light.primary,
13
14
  text: COLORS.black,
14
15
  },
16
+ fonts: DefaultTheme.fonts,
15
17
  },
16
18
  dark: {
17
19
  dark: true,
@@ -23,6 +25,7 @@ const NAV_THEME: { light: Theme; dark: Theme } = {
23
25
  primary: COLORS.dark.primary,
24
26
  text: COLORS.white,
25
27
  },
28
+ fonts: DarkTheme.fonts,
26
29
  },
27
30
  };
28
31
 
package/build/templates/packages/restyle/components/Button.tsx.ejs CHANGED
@@ -1,12 +1,12 @@
1
1
  import { forwardRef } from 'react';
2
- import { TouchableOpacity, TouchableOpacityProps } from 'react-native';
2
+ import { TouchableOpacity, TouchableOpacityProps, View } from 'react-native';
3
3
  import { Text, makeStyles } from 'theme';
4
4
 
5
5
  type ButtonProps = {
6
6
  title?: string;
7
7
  } & TouchableOpacityProps;
8
8
 
9
- export const Button = forwardRef<TouchableOpacity, ButtonProps>(({ title, ...touchableProps }, ref) => {
9
+ export const Button = forwardRef<View, ButtonProps>(({ title, ...touchableProps }, ref) => {
10
10
  const styles = useStyles();
11
11
 
12
12
  return (
package/build/templates/packages/unistyles/components/Button.tsx.ejs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { forwardRef } from 'react';
2
- import { Text, TouchableOpacity, TouchableOpacityProps } from 'react-native';
2
+ import { Text, TouchableOpacity, TouchableOpacityProps, View } from 'react-native';
3
3
  import { useStyles } from 'react-native-unistyles';
4
4
 
5
5
  type ButtonProps = {
@@ -7,7 +7,7 @@ type ButtonProps = {
7
7
  } & TouchableOpacityProps;
8
8
 
9
9
 
10
- export const Button = forwardRef<TouchableOpacity, ButtonProps>(({ title, ...touchableProps }, ref) => {
10
+ export const Button = forwardRef<View, ButtonProps>(({ title, ...touchableProps }, ref) => {
11
11
  const { theme } = useStyles();
12
12
 
13
13
  return (
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-expo-stack",
3
- "version": "2.12.0-next.08c09d9",
3
+ "version": "2.12.0-next.fa0d692",
4
4
  "description": "CLI tool to initialize a React Native application with Expo",
5
5
  "repository": {
6
6
  "type": "git",