web-dev-qa-db-ja.com

フラッターアプリで宝くじアニメーションを羽ばたく方法

FlutterアプリでLottieファイルをアニメーション化したい。インターネットの隅々まで検索してみましたが、情報が見つかりませんでした。

Flutterパッケージ「flutter_lottie.Dart」があり、動画化する機能があることがわかりました。

flutter_lottie.Dartの使用法について著者が提供した例もあります

しかし、これは正確な例を実行してみました： flutter Lottie example

そしてそれは同じエラーを出しました：

Creating Method Channel convictiontech/flutter_lottie_0
E/flutter (11371): [ERROR:flutter/Shell/common/Shell.cc(199)] Dart Error: Unhandled exception:
E/flutter (11371): PlatformException(error, Java.lang.IllegalStateException: Unable to parse 
composition
E/flutter (11371):  at com.airbnb.lottie.LottieAnimationView$2.onResult(LottieAnimationView.Java:68)

FlutterでLottieを使用してanimateを使用する方法

animationflutterlottie
3
rahul Kushwaha

lottieパッケージ はLottie Playerの純粋なFlutter/Dart実装です。
これは Lottie-Android のダイレクトポートであり、同じ機能セットをサポートしています。

これをpubspec.yamlに含めます

dependencies:
  lottie:

import 'package:flutter/material.Dart';
import 'package:lottie/lottie.Dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Lottie.asset('assets/lottiefile.json'),
      ),
    );
  }
}

パブ： https://pub.dev/packages/lottie
Github： https://github.com/xvrh/lottie-flutter

3
Xavier

gif形式でlottiefilesのウェブサイトからアニメーションをダウンロードできますopenImage.assetsorjson形式

class MyApp extends StatelessWidget {
   @override
 Widget build(BuildContext context) {
  return MaterialApp(
    home: Scaffold(
      body: ListView(
      children: [
        // Load a Lottie file from your assets
        Lottie.asset('assets/LottieLogo1.json'),

        // Load a Lottie file from a remote url
        Lottie.network(
            'https://raw.githubusercontent.com/xvrh/lottie- 
       flutter/master/example/assets/Mobilo/A.json'),

        // Load an animation and its images from a Zip file
        Lottie.asset('assets/lottiefiles/angel.Zip'),
      ],
    ),
  ),
);
}
}
0
hosein moradi