web-dev-qa-db-fra.com

comment flutter lottie animation dans l'application flutter?

Je souhaite animer le fichier Lottie dans l'application Flutter. J'ai essayé de rechercher chaque coin d'Internet et je n'ai trouvé aucune information dessus.

J'ai découvert qu'il existe un package flutter "flutter_lottie.Dart" et qu'il a une fonction à animer.

Il existe également un exemple fourni par l'auteur sur l'utilisation du flutter_lottie.Dart

mais j'ai essayé d'exécuter l'exemple exact: exemple de flutter Lottie

et il a donné la même erreur:

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)

Comment utiliser l'animation avec Lottie en flutter?

animationflutterlottie
3
rahul Kushwaha

Le package lottie est une implémentation pure Flutter/Dart d'un Lottie Player.
C'est un port direct de Lottie-Android et prend en charge le même ensemble de fonctionnalités.

Incluez ceci dans votre 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'),
      ),
    );
  }
}

Pub: https://pub.dev/packages/lottie
Github: https://github.com/xvrh/lottie-flutter

3
Xavier

vous pouvez télécharger l'animation en format gif à partir du site Web de lottiefiles et ouvrir avec Image.assetso dans format json

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