🟩 Icon
- Create Icon with AI and edit
- deepai.org: ⠮ AI ⠵
- Leonardo.ai: ⠮ AI ⠵
- IconKitchen: Edit ✄
🎴 Splash Screen
- Generate IMG or Animation Json
- Figma
- Lottie
- Create a custom splash screen
- Installing in terminal:
flutter pub add lottie- Active in pubspec:
assets:
- Code of splash Screen animation
import 'dart:async'; import 'package:flutter/material.dart'; import 'package:lottie/lottie.dart'; import 'package:splash_screen/home.dart'; class SplashScreen extends StatefulWidget { const SplashScreen({Key? key}) : super(key: key); @override SplashScreenState createState() => SplashScreenState(); } class SplashScreenState extends State<SplashScreen> { @override void initState() { super.initState(); Timer(Duration(milliseconds: (3 * 1000).round()), () { Navigator.of(context).pushReplacement( MaterialPageRoute(builder: (context) => const HomeScreen()), ); }); } @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Colors.black, body: content(), ); } Widget content() { return Center( child: Container( child: Lottie.asset("assets/logo.json"), ), ); } }Plus +
- Swap color start background (drawable):
<item android:drawable="@android:color/black" />
- Swap color start background in (drawable-v21):
<item android:drawable="@android:color/black" />
📚 Tips and recommendation
- It is advisable to export in Json and that it does not weigh more than 200/kb
- Place the image or Json in assets, do not place it in another subfolder later
- Tutorial: https://youtu.be/NfEbacIEtWY