Как создать анимацию lott ie в приложении flutter? - PullRequest
Новая
       63

Как создать анимацию lott ie в приложении flutter?

3 голосов
/ 08 февраля 2020

Я хочу анимировать файл Lott ie в приложении флаттера. Я попытался выполнить поиск в каждом углу inte rnet и не смог найти никакой информации о нем.

Я обнаружил, что существует пакет flutter_lott ie .dart и имеет функцию для анимации.

Существует также предоставленный автором пример об использовании flutter_lottie.dart

, но я попытался запустить точный пример: flutter Lott ie 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)

Как использовать анимацию, используя Lott ie в флаттере?

1 Ответ

2 голосов
/ 28 марта 2020

Пакет lott ie - это чистая реализация Flutter / Dart Lott ie Player.
Это прямой порт Lott ie - Android и поддерживают тот же набор функций.

Включите это в свой паб c .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

...