https://github.com/bastndev/fluttertools
⚙️ Tutorial Video: ⤵
https://github.com/bastndev/fluttertools
bastndev flutter flutter-tips flutter-tools flutterdart
Last synced: 9 months ago
JSON representation
⚙️ Tutorial Video: ⤵
- Host: GitHub
- URL: https://github.com/bastndev/fluttertools
- Owner: bastndev
- Created: 2023-10-05T20:34:37.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-10-16T15:52:15.000Z (about 2 years ago)
- Last Synced: 2024-05-01T22:38:17.681Z (over 1 year ago)
- Topics: bastndev, flutter, flutter-tips, flutter-tools, flutterdart
- Language: Dart
- Homepage: https://youtu.be/NfEbacIEtWY
- Size: 2.55 MB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Flutter Tools ⚙️
**🟩 Icon**
1. Create Icon with AI and edit
>- deepai.org: [⠮ AI ⠵](https://deepai.org/machine-learning-model/cute-creature-generator)
>- Leonardo.ai: [⠮ AI ⠵](https://app.leonardo.ai)
>- IconKitchen: [ Edit ✄](https://icon.kitchen/)
**🎴 Splash Screen**
1. Generate IMG or Animation Json
>- Figma
>- Lottie
2. Create a custom splash screen
>- Installing in terminal: ``flutter pub add lottie``
>- Active in pubspec: ``assets:``
3. Code of splash Screen animation
```dart
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 {
@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):````
>- Swap color start background in (drawable-v21): ````
**📚 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