Closed8
Flutterのsplash実装
スプラッシュ画面にアニメーション入れてみたいな。。
参考記事
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'),
),
);
}
}
- 完成
参考記事
このスクラップは4ヶ月前にクローズされました