How To Make A Website Using Flutter & Publish It For Free, Flutter web tutorial, Flutter web app
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- In this video, we'll show you how to create a website using Flutter and publish it using Github pages.
00:00 Learn how to create a simple portfolio website using Flutter and publish it.
00:39 Load a Flutter website on the browser
00:57 Change the home page of the default web app
01:20 Change the app's color
02:14 Create UI of the home page
05:30 Use image assets
08:16 Make an image circular
15:00 Define named routes
17:29 Hot restart the web app
17:37 Remove the back button from the appbar
17:50 Use custom fonts
21:30 Generate the release build
22:11 Publish the website using Github pages
SOURCE CODE:
github.com/gitanjal/gitanjal....
Resources:
Flutter on the web → goo.gle/3LAqa7M
Dart → goo.gle/3uS9jXg - วิทยาศาสตร์และเทคโนโลยี
Any tips on the slow asset loading time with flutter web? images load very slowly, I've found
You may try using---
precacheImage(AssetImage("images/logo_rienpa.png"), context);
api.flutter.dev/flutter/widgets/precacheImage.html
How do you see the future of flutter web?
I see Flutter web to be an excellent tool that will help mobile developers create web apps. As before Flutter probably React Native was the most convenient way for someone from the web development background to enter into mobile app development. Something similar seems to be true in case of Flutter, but in the other direction.
Rive's editor is created with Flutter : rive.app/editor
So future looks promising.
What's your thought?
Can you tell us what are the extensions that you are using for flutter web/mobile.
What extensions are you talking about?
@@droidmonk4820 The extensions of VSC to make flutter coding easy and faster. like stless and etc.
The IDE I am using is Android Studio bro, its not VS Code .
Regarding VS Code extensions, you may find these links useful:
th-cam.com/video/nNpecoYRV-o/w-d-xo.html
medium.com/flutter-community/a-list-of-useful-vs-code-extensions-for-flutter-developers-b345cb540b1f
please inbox your email i sent message can you help me in my matching quiz
I'll try to help, you can connect with me on linkedin
@@droidmonk4820 ok thank you