HarmonyOS 鸿蒙Next中 react-native-oh-tpl-lottie-react-native-6.4.1-0.1.16.tgz imageAssetsFolder加载 动画无效

HarmonyOS 鸿蒙Next中 react-native-oh-tpl-lottie-react-native-6.4.1-0.1.16.tgz imageAssetsFolder加载 动画无效

DevEvo Studio版本: Build Version: 5.0.11.110, built on May 12, 20

lottie 版本：react-native-oh-tpl-lottie-react-native-6.4.1-0.1.16.tgz

RNOH版本：@react-native-oh/react-native-harmony: “0.72.67”

问题：加载简单的Lottie 动画可以正常展示，使用 imageAssetsFolder， propress 等属性加载复杂动画时无效

<AnimatedLottieView
    ref={animationRef}
    loop={false}
    autoPlay={false}
    imageAssetsFolder={`lottie/horizontal_point`}
    source={require('src/businesses/home/lottie/horizontal_point.json')}
    progress={progress}
    style={{
        position: 'absolute',
        width: size,
        height: size,
        left,
        right,
        bottom,
        top,
        // backgroundColor: 'blue',
        transform: [
            {
                scaleX: side === 0 ? 1 : -1
            }
        ]
    }}
/>

闪退报错如下：

![cke_22220.png](data-originheight=“519” data-originwidth=“1176” src="https://alliance-communityfile-drcn.dbankcdn.com/FileServer/getFile/cmtybbs/737/771/446/0030086000737771446.20250617104010.42198808624752350516405497385798:50001231000000:2800:F4FBD0FF80AF622A6F55430EFF6BF009D19F436BED8D38F5A48F5865BDB503AF.png)


更多关于HarmonyOS 鸿蒙Next中 react-native-oh-tpl-lottie-react-native-6.4.1-0.1.16.tgz imageAssetsFolder加载 动画无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

看官网文档说明。

  • 如果使用的 json 文件里有依赖图片资源或使用 imageAssetsFolder 属性，需要将资源文件放置到 HarmonyOS 工程 rawfile 下对应的路径中

https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/lottie-react-native.md#%E5%85%BC%E5%AE%B9%E6%80%A7

更多关于HarmonyOS 鸿蒙Next中 react-native-oh-tpl-lottie-react-native-6.4.1-0.1.16.tgz imageAssetsFolder加载 动画无效的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，react-native-oh-tpl-lottie-react-native的imageAssetsFolder配置问题可能导致动画加载无效。请检查以下要点：

  1. 确保imageAssetsFolder路径指向正确的资源目录
  2. 验证动画JSON文件中图像路径与imageAssetsFolder的匹配关系
  3. 确认资源文件已正确打包到应用包中

典型解决方案是重新检查资源目录结构，确保JSON文件中指定的图像路径相对于imageAssetsFolder配置正确。若使用远程资源，需确保网络权限和URL可访问。

在HarmonyOS Next中使用react-native-oh-tpl-lottie-react-native时遇到imageAssetsFolder加载问题，可能是由于以下原因：

  1. 路径问题：确保imageAssetsFolder指定的路径与json文件中引用的图片资源路径完全匹配。在HarmonyOS中路径区分大小写且必须精确匹配。

  2. 资源打包问题：检查构建时lottie资源是否被正确打包到应用中。可以在build.gradle中确认assets包含情况。

  3. 版本兼容性：react-native-oh-tpl-lottie-react-native-6.4.1-0.1.16.tgz需要与RNOH 0.72.67完全兼容，建议检查是否有已知兼容性问题。

  4. 闪退日志分析：从报错日志看，可能是Native层在解析动画资源时出现空指针异常，建议：

    • 检查json文件完整性
    • 确认所有引用的图片资源都存在
    • 尝试简化动画文件进行逐步测试

建议先使用最基本的Lottie动画确认基础功能正常，再逐步添加复杂特性。

回到顶部