Closed5ヶ月前にクローズ8

Flutterのsplash実装

アニメーション

スプラッシュ画面にアニメーション入れてみたいな。。
https://lottiefiles.com/

Lottie パッケージ
https://pub.dev/packages/lottie

これでやろうと思ったけど、jsonファイルを設定するからこのライブラリだと無理なのか

/android/app/src/main/res/raw
rawフォルダがなかったので、作成
→ jsonを配置

lottie側は何を選べばいいのかよくわからんかったから、一番上を選択

Androidとかに実装しないといけないとか思ったけど、普通にflutterで画面作ればいけそうでは？

を参考にしなくてもFlutterでうまいこと行く

flutterのルートディレクトリにassetsフォルダを作成
assets以下にjsonファイルを設定
3. 例: assets/splash.json
pubspec.yamlに下記を追加

  assets:
    - assets/

splash画面を作る
サンプルコード

class SplashScreen extends StatefulWidget {
  const SplashScreen({super.key});

  @override
  State<SplashScreen> createState() => _SplashState();
}

class _SplashState extends State<SplashScreen> {
  @override
  Widget build(BuildContext context) {
    return Material(
      child: Center(
        child: Lottie.asset('assets/splash.json'),
      ),
    );
  }
}

完成

このスクラップは5ヶ月前にクローズされました