Lottie, uygulamalarda animasyonlu vektör grafikleri oynatmak için kullanılan bir kütüphanedir. Lottie, JSON formatında tasarlanmış After Effects animasyonlarını (ya da Adobe Illustrator ve Adobe Photoshop’ta yapılan animasyonları) Flutter gibi platformlarda oynatmayı mümkün kılar. Böylece, karmaşık animasyonları kolayca uygulamalarınıza ekleyebilirsiniz.

Flutter için Lottie kullanmak için aşağıdaki adımları izleyebilirsiniz:

Lottie Eklentisini Ekleyin: Flutter projesine Lottie eklentisini eklemek için, pubspec.yaml dosyanıza lottie paketini eklemeniz gerekiyor. Bu dosya genellikle projenizin ana dizininde bulunur.

Animasyonlu Lottie dosyanızı hazırlayın. Bu dosya, assets klasörü içinde olmalıdır. Eğer böyle bir klasör yoksa, proje ana dizininde oluşturun ve içine Lottie dosyanızı yerleştirin.

Lottie Dosyasını Kullanın: Lottie dosyasını Flutter projesinde kullanmak için, öncelikle Lottie.asset veya Lottie.network widget’larını kullanarak animasyonu eklemeniz gerekecektir.

import ‘package:flutter/material.dart’;
import ‘package:lottie/lottie.dart’;

class MyLottieAnimation extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(‘Lottie Animation’),
),
body: Center(
child: Lottie.asset(‘assets/animation.json’), // Lottie dosyanızın yolunu doğru bir şekilde belirtin
),
);
}
}

void main() => runApp(MaterialApp(
home: MyLottieAnimation(),
));