Cordova-plugin-lottie-splashscreen 使用教程

Cordova-plugin-lottie-splashscreen 使用教程

cordova-plugin-lottie-splashscreen🐣 🎬 📱 Apache Cordova plugin to show Lottie animations as the splash screen with Airbnb's Lottie wrapper项目地址:https://gitcode.com/gh_mirrors/co/cordova-plugin-lottie-splashscreen

1. 项目的目录结构及介绍

cordova-plugin-lottie-splashscreen/
├── src/
│   ├── android/
│   ├── ios/
│   ├── browser/
│   └── windows/
├── www/
│   └── lottie-splashscreen.js
├── types/
│   └── lottie-splashscreen.d.ts
├── package.json
├── plugin.xml
└── README.md

• src/: 包含各个平台的源代码文件。
  • android/: Android 平台的源代码。
  • ios/: iOS 平台的源代码。
  • browser/: 浏览器平台的源代码。
  • windows/: Windows 平台的源代码。
• www/: 包含插件的 JavaScript 文件。
  • lottie-splashscreen.js: 插件的主要 JavaScript 文件。
• types/: 包含 TypeScript 类型定义文件。
  • lottie-splashscreen.d.ts: TypeScript 类型定义文件。
• package.json: 插件的 npm 包配置文件。
• plugin.xml: 插件的配置文件。
• README.md: 项目的说明文档。

2. 项目的启动文件介绍

项目的启动文件主要是 www/lottie-splashscreen.js。这个文件包含了插件的主要逻辑和功能实现。以下是该文件的主要内容：

var exec = require('cordova/exec');

var LottieSplashScreen = {
    // 显示 Lottie 启动画面
    show: function (location, onSuccess, onError) {
        exec(onSuccess, onError, 'LottieSplashScreen', 'show', [location]);
    },
    // 隐藏 Lottie 启动画面
    hide: function (onSuccess, onError) {
        exec(onSuccess, onError, 'LottieSplashScreen', 'hide', []);
    }
};

module.exports = LottieSplashScreen;

• show: 显示 Lottie 启动画面。
• hide: 隐藏 Lottie 启动画面。

3. 项目的配置文件介绍

项目的配置文件主要是 plugin.xml。这个文件定义了插件的元数据、依赖关系和平台特定的配置。以下是该文件的部分内容：

<?xml version="1.0" encoding="UTF-8"?>
<plugin xmlns="http://apache.org/cordova/ns/plugins/1.0"
        id="cordova-plugin-lottie-splashscreen"
        version="0.9.0">
    <name>Lottie Splashscreen</name>
    <description>Cordova plugin to show a Lottie splash screen</description>
    <license>MIT</license>
    <keywords>cordova,lottie,splashscreen</keywords>
    <repo>https://github.com/timbru31/cordova-plugin-lottie-splashscreen.git</repo>
    <issue>https://github.com/timbru31/cordova-plugin-lottie-splashscreen/issues</issue>

    <js-module src="www/lottie-splashscreen.js" name="lottie-splashscreen">
        <clobbers target="LottieSplashScreen" />
    </js-module>

    <!-- Android 平台配置 -->
    <platform name="android">
        <config-file parent="/*" target="res/xml/config.xml">
            <feature name="LottieSplashScreen">
                <param name="android-package" value="com.timbru31.cordova.lottie.LottieSplashScreen"/>
            </feature>
        </config-file>
        <source-file src="src/android/LottieSplashScreen.java" target-dir="src/com/timbru31/cordova/lottie"/>
    </platform>

    <!-- iOS 平台配置 -->
    <platform name="ios">
        <config-file parent="/*" target="config.xml">
            <feature name="LottieSplashScreen">
                <param name="ios-package" value="LottieSplashScreen"/>
            </feature>
        </config-file>
        <source-file src="src/ios/LottieSplashScreen.m" />
    </platform>

    <!-- 其他

cordova-plugin-lottie-splashscreen🐣 🎬 📱 Apache Cordova plugin to show Lottie animations as the splash screen with Airbnb's Lottie wrapper项目地址:https://gitcode.com/gh_mirrors/co/cordova-plugin-lottie-splashscreen