- Видео 61
- Просмотров 57 413
JBtronic
Пакистан
Добавлен 15 окт 2021
👨🏫 Mobile App Developer 👨🏻💻
Coding • Tech • Programming
Collab and projects: jawwadbilgrami98@gmail.com
Do SUPPORT ME ♡ so that I will bring more & more content for you guys.
Peace ✌️
Coding • Tech • Programming
Collab and projects: jawwadbilgrami98@gmail.com
Do SUPPORT ME ♡ so that I will bring more & more content for you guys.
Peace ✌️
Instagram Modern Login Screen 📱 • Flutter UI • Speed Code ♡
Hello guys, in this video I will show you how to create a modern Instagram Login screen UI in Flutter. Flutter is a popular open-source mobile app development framework that allows developers to build high-performance, cross-platform apps for iOS and Android.
In this tutorial, we will start by setting up a new Flutter project. Then, we will create a beautiful and responsive login screen with modern design elements like elevated buttons, dynamic text fields, and Gradient Text.
Whether you are a beginner or an experienced developer, this tutorial will provide you with valuable insights and practical knowledge to help you build stunning Flutter apps.
I hope you like this video and learn from t...
In this tutorial, we will start by setting up a new Flutter project. Then, we will create a beautiful and responsive login screen with modern design elements like elevated buttons, dynamic text fields, and Gradient Text.
Whether you are a beginner or an experienced developer, this tutorial will provide you with valuable insights and practical knowledge to help you build stunning Flutter apps.
I hope you like this video and learn from t...
Просмотров: 910
Видео
Easiest Way to Integrate Package in Flutter | Add Packages in Flutter | Install Packages in Flutter
Просмотров 711Год назад
In this video, I will tell you how to import and use the flutter packages from pub.dev. I will guide you step by step. I hope you will like this video and learn from this video. If you have any questions. Please write in the comments! Complete Flutter Tutorial Playlist: ruclips.net/p/PLMstFUjTFBs7_Rorn097UD2hCS-UCm88a 🌎 Follow me here: Facebook ➜ learnwithjbtronic Instagram ➜ insta...
Add Icon with Text Field in Flutter | Flutter UI | Speed Code
Просмотров 1,4 тыс.Год назад
In this video, I will tell you how to add icons with TextField in Flutter. We will use TextField Widget and an Icon Widget and Text Editing Controller with considering UI responsiveness. I hope you like this video and learn from this video. If you have any questions. Please write in the comments! GitHub Repository: github.com/JBtronic/Flutter-RUclips-Tutorial/tree/main/icons_with_textfield Comp...
How to change Text Size with Slider in Flutter | Flutter UI | Speed Code
Просмотров 996Год назад
In this video, I will tell you how to change the text size with a slider in Flutter. We will use Slider Widget and a Text Widget and give the default font size value. I hope you like this video and learn from this video. If you have any questions. Please write in the comments! GitHub Repository: github.com/JBtronic/Flutter-RUclips-Tutorial/tree/main/text_change_with_slider Complete Flutter Tuto...
Toss a Coin App in Flutter | Flutter UI | Speed Code
Просмотров 979Год назад
In this video, I will tell you how to flip a coin with animation in Flutter. I hope you like this video, and learn from this video. If you have any questions. Please write in the comments! GitHub Repository: github.com/JBtronic/Flutter-RUclips-Tutorial/tree/main/toss_coin Complete Flutter Tutorial Playlist: ruclips.net/p/PLMstFUjTFBs7_Rorn097UD2hCS-UCm88a 🌎 Follow me here: Facebook ➜ facebook.c...
How to create Bottom Navigation Bar in Flutter | Custom Navigation Bar
Просмотров 178Год назад
How to create a bottom navigation bar in Flutter? Today’s video will show how you can create your own custom Bottom App Bar with Flutter. A step-by-step guide to using the bottom navigation bar. This is a flutter tutorial for beginners. If you have any questions. Please write in the comments! GitHub Repository: github.com/JBtronic/Flutter-RUclips-Tutorial/tree/main/bottom_navigation_bar Complet...
What is Stateful and Stateless Widget in Flutter | Flutter App Development Tutorial 2023
Просмотров 276Год назад
In this video, we will talk about one of the fundamental concepts in Flutter development which is stateful and stateless widgets. As you know that, widgets are the building blocks of the user interface in Flutter, and there are two most common types of widgets: stateful and stateless widgets which are mostly used in every Flutter Project. So, basically, stateless widgets are those widgets that ...
How to make Twitter Sidebar Menu in Flutter | Flutter App Development Tutorial 2023
Просмотров 462Год назад
In this video, I will tell you how to create a navigation menu or we can say the sidebar menu in a flutter. I will explain how we can design with different widgets and layout properties to make the most beautiful and responsive navigation drawer in flutter which supports mobile, desktop, and web. GitHub Repository: github.com/JBtronic/Flutter-RUclips-Tutorial/tree/main/side_bar_menu Complete Fl...
Portfolio App in Flutter | Flutter App Development Tutorial 2023
Просмотров 1,5 тыс.Год назад
Hello guys, In this video I have shown you how to create a portfolio app in a flutter. I will explain how to use different widgets and layout properties to make the most beautiful and responsive portfolio app in flutter which supports mobile, desktop, and web. GitHub Repository: github.com/JBtronic/Flutter-RUclips-Tutorial/tree/main/portfolio_app Complete Flutter Tutorial Playlist: ruclips.net/...
Rows & Columns in Flutter | Flutter App Development Tutorial 2023
Просмотров 266Год назад
In this video, I will tell you about Rows & Columns Widgets in Flutter. How to use all different types of properties in it. Rows are a group of cells arranged horizontally to provide uniformity. Columns are a group of cells aligned vertically, and they run from top to bottom. GitHub Repository: github.com/JBtronic/Flutter-RUclips-Tutorial/tree/main/rows_column Complete Flutter Tutorial Playlist...
What is Container Widget in Flutter | Flutter App Development Tutorial 2023
Просмотров 271Год назад
In this video, We will look into our Container Widget which is a fundamental widget that we will use all the time for laying out your app. Flutter's container class is a useful widget that combines the standard painting, positioning, and scaling of widgets. To store one or more widgets and arrange them on the screen as we see fit, we can use a container class. A container is essentially a box u...
How To Run and Test Flutter App On Real Android Phone | Flutter App Development Tutorial 2023
Просмотров 597Год назад
In this video, I will tell you how to run and test your Flutter App on a real physical Android Phone. Previously, we run & test our Projects on Emulator but in this video, you will learn that how you can run your app on Android Device. So, follow video step-by-step and run your app on a physical phone. Complete Flutter Tutorial Playlist: ruclips.net/p/PLMstFUjTFBs7_Rorn097UD2hCS-UCm88a 🌎 Follow...
How to add App Icon in Flutter | Flutter App Development Tutorial 2023
Просмотров 10 тыс.Год назад
In this video, I will tell you how to add App Icon to your App so that it looks pretty. By default, we get the Flutter logo icon as your app icon but when you build multiple apps then it will be very confusing for you as to which app should I run. Besides that, you have to upload your app to Google Play Store or App Store, you don’t want it to look like Flutter's default logo, right? So, follow...
How to add an Image widget | Flutter App Development Tutorial 2023
Просмотров 327Год назад
How to add an Image widget | Flutter App Development Tutorial 2023
Create your first app on Flutter | Flutter App Development Tutorial 2023
Просмотров 713Год назад
Create your first app on Flutter | Flutter App Development Tutorial 2023
How to Install Flutter on VSCode | Flutter App Development Tutorial 2023
Просмотров 2,9 тыс.Год назад
How to Install Flutter on VSCode | Flutter App Development Tutorial 2023
How to install Flutter on Android Studio | Flutter App Development Tutorial 2023
Просмотров 19 тыс.Год назад
How to install Flutter on Android Studio | Flutter App Development Tutorial 2023
Flutter Pre Requisite | Flutter App Development Tutorial 2023
Просмотров 197Год назад
Flutter Pre Requisite | Flutter App Development Tutorial 2023
What is Flutter | Flutter App Development Tutorial 2023
Просмотров 222Год назад
What is Flutter | Flutter App Development Tutorial 2023
Introduction to Flutter | Flutter App Development Tutorial 2023
Просмотров 754Год назад
Introduction to Flutter | Flutter App Development Tutorial 2023
How to create Button programmatically in Swift | XCode 14
Просмотров 851Год назад
How to create Button programmatically in Swift | XCode 14
FIXED | Collect2.exe error id returned 1 exit status
Просмотров 1,5 тыс.Год назад
FIXED | Collect2.exe error id returned 1 exit status
How to make a Portfolio Website & move to Live Website in under 30 Minutes using WordPress
Просмотров 1,6 тыс.2 года назад
How to make a Portfolio Website & move to Live Website in under 30 Minutes using WordPress
WordPress Installation Guide using LocalWP in 4 Minutes!
Просмотров 3612 года назад
WordPress Installation Guide using LocalWP in 4 Minutes!
C Language Tutorial # 16 | Pragma Directive
Просмотров 5082 года назад
C Language Tutorial # 16 | Pragma Directive
How to Remotely Access Your Laptop or PC Using Teamviewer
Просмотров 1462 года назад
How to Remotely Access Your Laptop or PC Using Teamviewer
How to run MacOS 12 on Windows with VMware Workstation
Просмотров 1,1 тыс.2 года назад
How to run MacOS 12 on Windows with VMware Workstation
C Language Tutorial # 15 | Preprocessor
Просмотров 1222 года назад
C Language Tutorial # 15 | Preprocessor
thank you!!
You're welcome!
Hi brother can you please help me I sent you one app can you change it name and icon please i pay for it
Ok share it
Nice
Thanks
goooooood nice and short
thanks
How to get an emulator device on vs code
You have to connect android studio with vs code. so instead of using vs code go with android studio where the vitual device will be present always
Thanks
No problem
very helpful
Glad it helped
i have uninstalled my android studio and reinstalled it many time, my issue is it's importing old settings, not creation dart files, main.dart, li/main.dart not found etc
Check ruclips.net/video/42qMM5TcqaM/видео.html
thank you that was very helpful
Glad to hear it!
good work
thanks brother for short video with complete information.
Glad you liked it
thanks a lot
You are most welcome
Straight to the point. Thanks man ❤
Welcome
still processing how this man covered number of stages in 7 minutes xD. Thanks alot. Good job :)
I try to make short video’s with complete process so that I don’t waste user time.
@@JBtronic keep up the good work
🙃
thank u so much bro this is a good video but why did Vscode not ask me to choose a device? automatically the web app opens I want google pixel open so how do I do that bro thx
Yes, it automatically opens web app, once you will select your google pixel device then it will always open in pixel device. This is one time setting
thank u so much bro 😍👍
Welcome 😊
With latter sndroud studio flaminggo already have pluggin flatter, just one two click finish. Already have flatter projek
Wonderful ❤️
thank you so much for this
You're very welcome!
Does the original icon that you upload to the website need padding around the edges first?
Depends upon your requirement!
im getting socket pub error
A socket error is basically a connection error. And in the case of running flutter pub get a socket error is very likely due to a firewall. Check your firewall settings. Ensure that no component of Flutter, Dart, or your IDE is being blocked by your firewall or antivirus program.
Вряд-ли у Carbon или Rust получится
Exactly!
@@JBtronic D lang возможно еще
Thanks Brother, Appreciated
My pleasure
thanks
Outstanding! 💞
Thank you! 😊
Wow very informative thanks a lot 🤗
Glad it was helpful!
❤
💗
Wow
☺️
Amazing 😍🤩
Thanks 🤗
Fantastic ❤
Thanks 🤗
Superb 😍😍
Thanks 🤗
😍😍😍😍
😀
i love javascript <3
Same :)
Even *Objective-C* was make by _Apple_.
Exactly 💯
😍😍
Bro After Doing everything when using my Smartphone as a Device, It Doesn't Show the Hot Reload Button. I check in languages hot reload is on and working fine with browser. But it doesn't work with my physical device is it a problem of my device or Android Studio ???
Did you unplug the device after installing app on your phone?
👍
😊
Awesome 🤟
Thanks ✌️
Nice tuto :)
❤️
🤟
😊
Superb 😍
Thank you! Cheers!
Superb 😍
Thanks 🤗
👍🏻👍🏻👍🏻👍🏻
❤️
Thank it is very helpful I have developed an full e-commerce app by using your guidance, please please boss
Best of luck
Sir your video is very informative and thank you so much
So nice of you
😍
🙃
Much needed tutorial. Thanks
Glad it helped
Portfolio App in 10 mins
😀
😘😍
🙃
In-Detail Tutorial 😍
Thanks 👍