| 159 | * Returns installation and setup instructions for the user |
| 160 | */ |
| 161 | export function getImportInstructions(): string { |
| 162 | return ` |
| 163 | Unistyles Configuration Required: |
| 164 | |
| 165 | 1. Import the unistyles configuration in your app's entry point: |
| 166 | |
| 167 | For React Native CLI projects: Add to App.tsx or index.ts: |
| 168 | import "@/craftrn-ui/themes/unistyles"; |
| 169 | |
| 170 | For Expo projects with Expo Router: |
| 171 | ✅ This has been automatically configured for you! |
| 172 | |
| 173 | 2. Make sure you have all required dependencies installed: |
| 174 | |
| 175 | npm install react-native-unistyles@^3 react-native-edge-to-edge react-native-nitro-modules@0.29.4 react-native-gesture-handler@^2 react-native-reanimated@^3 react-native-svg@^14 |
| 176 | |
| 177 | 3. Follow the setup instructions for each dependency: |
| 178 | - react-native-unistyles: No additional setup required |
| 179 | - react-native-gesture-handler: Follow platform-specific setup |
| 180 | - react-native-reanimated: Follow platform-specific setup |
| 181 | - react-native-svg: Follow platform-specific setup |
| 182 | |
| 183 | That's it! Your components are ready to use. |
| 184 | `; |
| 185 | } |