Updating correct dependencies for nativewind. (#421)

* Updating correct dependencies for nativewind. * fix: duplicate packages * fix: versions * fix: versions --------- Co-authored-by: Daniel Williams <[email protected]>
roninoss · Oct 23, 2024 · 8f9d35d · 8f9d35d
1 parent 6033977
commit 8f9d35d
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 2 deletions.
diff --git a/.changeset/afraid-points-dance.md b/.changeset/afraid-points-dance.md
@@ -0,0 +1,5 @@
+---
+'create-expo-stack': patch
+---
+
+fix: nativewind version and dependencies
diff --git a/bun.lockb b/bun.lockb
diff --git a/cli/README.md b/cli/README.md
@@ -59,7 +59,7 @@ Each project is generated based on the results of the CLI, on a per-file basis.
 
 | Library            | Category            | Version | Description                                    |
 | ------------------ | ------------------- | ------- | ---------------------------------------------- |
-| React Native       | Mobile Framework    | v0.73   | The best cross-platform mobile framework       |
+| React Native       | Mobile Framework    | v0.74   | The best cross-platform mobile framework       |
 | React              | UI Framework        | v18     | The most popular UI framework in the world     |
 | TypeScript         | Language            | v5      | Static typechecking                            |
 | React Navigation   | Navigation          | v6      | Performant and consistent navigation framework |

diff --git a/cli/src/templates/base/package.json.ejs b/cli/src/templates/base/package.json.ejs
@@ -29,7 +29,15 @@
   },
   "dependencies": {
     <% if (props.stylingPackage?.name === "nativewind" || props.stylingPackage?.name === "nativewindui") { %>
-      "nativewind": "next",
+      "nativewind": "latest",
+      <%# This will already be installed if using expo-router (see below) %>
+      <% if (props.navigationPackage?.name !== "expo-router") { %>
+        "react-native-reanimated": "~3.10.1",
+      <% } %>
+      <%# This will already be installed if using navigation (see below) %>
+      <% if (props.navigationPackage?.type !== "navigation") { %>
+        "react-native-safe-area-context": "4.10.5",
+      <% } %>
     <% } %>
     <% if (props.stylingPackage?.name === "nativewindui") { %>
       "@roninoss/icons": "^0.0.4",