HarmonyOS 鸿蒙Next RN三方库react-native-oh-tpl-lottie-react-native-6.4.1-0.1.8.tgz加载lottie动画无效

发布于 1周前 作者 nodeper 来自 鸿蒙OS

HarmonyOS 鸿蒙Next RN三方库react-native-oh-tpl-lottie-react-native-6.4.1-0.1.8.tgz加载lottie动画无效 如题：RN三方库react-native-oh-tpl-lottie-react-native-6.4.1-0.1.8.tgz加载lottie动画无效

Harmonyos Next教程
3 回复

需要设置flex为1，可以参考以下demo：

import React from 'react';

import { Text, View, StyleSheet } from "react-native";

import LottieView from "lottie-react-native";

const TestPhone = () => {

  const source = require("./assets/sx_rn_loading.json");

  return (
    <View style={{ flex: 1 }}>
      <LottieView 
        style={{ flex:1 }}
        source={source} 
        autoPlay 
        loop />
    </View>
  );
};

export default TestPhone;

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


给个正确加载的栗子吧

针对您提到的HarmonyOS鸿蒙系统中使用react-native-oh-tpl-lottie-react-native-6.4.1-0.1.8.tgz加载Lottie动画无效的问题，以下是一些可能的解决方案：

  1. 检查依赖版本：确保您使用的Lottie库版本与您的React Native版本以及鸿蒙系统兼容。不兼容的版本可能会导致动画加载失败。

  2. 检查动画文件：确认您的Lottie动画文件（通常是.json格式）是否完整且没有损坏。文件损坏或格式错误可能导致加载失败。

  3. 查看日志：检查应用运行时的日志，看是否有关于Lottie动画加载的错误信息。这些信息可以帮助您定位问题。

  4. 资源路径：确保您的动画文件路径正确，并且文件已被正确打包到应用中。路径错误或文件未包含可能导致加载失败。

  5. 权限问题：检查您的应用是否有读取动画文件所在目录的权限。权限不足也可能导致加载失败。

如果上述方法都不能解决您的问题，可能是更复杂的系统或库兼容性问题。此时，建议您直接联系鸿蒙系统的开发者支持或访问相关论坛寻求帮助。

如果问题依旧没法解决请联系官网客服,官网地址是 https://www.itying.com/category-93-b0.html，

回到顶部