Closed8

Flutterのsplash実装

blue_yusukeblue_yusuke

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

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

blue_yusukeblue_yusuke
  1. flutterのルートディレクトリにassetsフォルダを作成
  2. assets以下にjsonファイルを設定
    3. 例: assets/splash.json
  3. pubspec.yamlに下記を追加
  assets:
    - assets/
  1. 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'),
      ),
    );
  }
}

  1. 完成
このスクラップは4ヶ月前にクローズされました