u

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

@@ -670,6 +670,36 @@ export const ZhaoPinIcon: React.FC<IconProps> = ({ size = 30, color = '#fff', ..
 
 
 
+## 集成 [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)
+
+安装依赖：
+
+```bash
+npx expo install lottie-react-native
+```
+
+使用案例：
+
+```tsx
+import React from "react";
+import LottieView from "lottie-react-native";
+
+export default function Animation() {
+  return (
+    <LottieView
+      source={require("../path/to/animation.json")}
+      style={{width: "100%", height: "100%"}}
+      autoPlay
+      loop
+    />
+  );
+}
+```
+
+lottie例子网站：https://lottiefiles.com/free-animations
+
+
+
 ## 配置深度链接
 
 作用：通过链接就可以跳转到该app。
@@ -1119,3 +1149,4 @@ npx expo add react-native-worklets
 
 
 
+​