u

notes/前端开发/react-native/expo.md

@@ -32,7 +32,7 @@ npx expo start
 
 ## 集成 [antfu-eslint](https://github.com/antfu/eslint-config)
 
-可以使用快捷命令：
+可以使用快捷命令（推荐）：
 
 ```bash
 pnpm dlx @antfu/eslint-config@latest
@@ -127,7 +127,7 @@ export default antfu({
 1. 安装依赖
 
    ```bash
-   npx expo add nativewind react-native-reanimated@~3.17.4 react-native-safe-area-context@5.4.0
+   npx expo add nativewind react-native-reanimated react-native-safe-area-context
    npx expo add tailwindcss@^3.4.17 -- --save-dev
    ```
 
@@ -598,6 +598,14 @@ export const ZhaoPinIcon: React.FC<IconProps> = ({ size = 30, color = '#fff', ..
 }
 ```
 
+## 集成[lucide](https://lucide.dev/icons/)
+
+```
+npx expo add lucide-react-native
+```
+
+
+
 
 
 ## 集成[expo-router](expo-router)
@@ -605,7 +613,7 @@ export const ZhaoPinIcon: React.FC<IconProps> = ({ size = 30, color = '#fff', ..
 1. 安装相关依赖
 
    ```bash
-   npx expo install expo-router react-native-safe-area-context react-native-screens expo-linking expo-constants expo-status-bar
+   npx expo add expo-router react-native-safe-area-context react-native-screens expo-linking expo-constants expo-status-bar
    ```
 
 2. 修改 `package.json`
@@ -705,8 +713,8 @@ lottie例子网站：https://lottiefiles.com/free-animations
 安装依赖：
 
 ```bash
-npx expo install zustand
-npx expo install @react-native-async-storage/async-storage
+npx expo add zustand
+npx expo add @react-native-async-storage/async-storage
 ```
 
 使用demo：
@@ -791,6 +799,23 @@ export default function App() {
 
 
 
+## 集成moti
+
+```bash
+npx expo add moti
+npx expo add react-native-reanimated react-native-gesture-handler
+npx expo add react-native-gesture-handler
+```
+
+引入：
+
+```ts
+import 'react-native-reanimated'
+import 'react-native-gesture-handler'
+```
+
+
+
 
 
 ## 配置深度链接