Package.json

- "postinstall": "patch-package"
- "react-native-css-interop":"0.0.36"

Dependancies Changes

npm install nativewind tailwindcss react-native-reanimated react-native-safe-area-context

npm install @gluestack-ui/nativewind-utils@latest

Tailwind.config.*

-safelist: [
-  {
-    pattern:
-      /(bg|border|text|stroke|fill)-(primary|secondary|tertiary|error|success|warning|info|typography|outline|background)-(0|50|100|200|300|400|500|600|700|800|900|950|white|gray|black|error|warning|muted|success|info|light|dark)/,
-  },
-],

For CLI

Just run following Command

npx gluestack-ui add --all

Warning this will override all of your existing components. Please commit the changes before running this command.

For Manual

you can find all the components with diff and update dependencies.

Accordion

Update Dependencies

npm install @gluestack-ui/accordion@latest @gluestack-ui/icon@latest

Diff