![Flutter UI Dev](/img/default-banner.jpg)
- 49
- 318 658
Flutter UI Dev
Приєднався 21 січ 2022
Hi developers,
Sharing Flutter Tips & Tricks 👻
Flutter Tutorials under 30 sec 🤯
Made Simple and Easy to understand.
Join me on my journey to build the best community🙋
Sharing Flutter Tips & Tricks 👻
Flutter Tutorials under 30 sec 🤯
Made Simple and Easy to understand.
Join me on my journey to build the best community🙋
Flutter Confetti Animation | 2023
Let's create a Confetti Animation in Flutter. This particular effect animation uses the Flutter Confetti Package.
Wanna Master Notifications in Flutter - www.flutteruidev.tech/courses/flutter-notification-course
Join Flutter 1-2-1 Newsletter - www.flutteruidev.tech/newsletter
Socials
Twitter - ui_flutter
LinkedIn - www.linkedin.com/in/flutterui...
Instagram - flutteruidev
Email - hello@flutteruidev.tech
Wanna Master Notifications in Flutter - www.flutteruidev.tech/courses/flutter-notification-course
Join Flutter 1-2-1 Newsletter - www.flutteruidev.tech/newsletter
Socials
Twitter - ui_flutter
LinkedIn - www.linkedin.com/in/flutterui...
Instagram - flutteruidev
Email - hello@flutteruidev.tech
Переглядів: 3 877
Відео
5 ways to make money as Flutter Developer | 2023
Переглядів 2,3 тис.Рік тому
In this video, I will give you 5 possible ways to make money as a flutter developer and provider actionable steps and recommendations to get started in every possible way. Join us for Job/ Internship Opportunity - docs.google.com/forms/d/e/1FAIpQLSd0PJQXPzVjNjpGA-MVDQb-7E4ExotSfB8C9OIZmMHoI63J1A/viewform?usp=sf_link Wanna Master Notification - flutteruidev.tech/courses/flutter-notification-cour...
How to add Big Text Notification | Flutter | 2023
Переглядів 1 тис.Рік тому
In this video, we will see how to add Big Text which is taken either from assets or a network image, and show it inside a notification, and it will be very easy than you have ever excepted Master Notification - www.flutteruidev.tech/courses/flutter-notification-course Join Flutter 1-2-1 Newsletter - www.flutteruidev.tech/newsletter Socials Twitter - ui_flutter LinkedIn - www.linkedi...
How to add Big Picture Notification | Flutter Notification | 2023
Переглядів 2,5 тис.Рік тому
In this video, we will see how to add Big Picture which is taken either from assets or a network image, and show it inside a notification, and it will be very easy then you have ever excepted Want to master Notification here is our Course - www.flutteruidev.tech/courses/flutter-notification-course Don't forget to use the promo code - BIGPICS ( for an exclusive discount ) Join Flutter 1-2-1 News...
How to add Biometric Authentication in flutter | Face ID/Fingerprint
Переглядів 34 тис.Рік тому
how to implement fingerprint and facial recognition in your Flutter app. It provides a concise and straightforward guide to help you quickly add biometric authentication features to your application. Join Flutter 1-2-1 Newsletter - www.flutteruidev.tech/newsletter Master Notifications in Flutter - www.flutteruidev.tech/courses/flutter-notification-course Socials Twitter - ui_flutter...
I made this Flutter Movies App completely with ChatGPT
Переглядів 4,1 тис.Рік тому
Just by using 10 prompt ChatGPT and I made this Beautiful movies app with error handling, data model, animation, and API integration, it took me just 16 min to build it which other would be an hour and half Free Ebook for Programmer - www.flutteruidev.tech/ebooks/chatgpt-for-programmers Join Flutter 1-2-1 Newsletter - www.flutteruidev.tech/newsletter Master Notifications in Flutter - www.flutte...
Firebase Authentication in Flutter | 2023
Переглядів 15 тис.Рік тому
You'll learn how to add user authentication to your Flutter app using Firebase Authentication. Firebase Authentication is a powerful tool that allows you to easily add sign-in, sign-up, and passwordless authentication to your app, using popular identity providers such as Google, Facebook, Twitter, and more. Join Flutter 1-2-1 Newsletter - www.flutteruidev.tech/newsletter Master Notifications in...
How to build ChatGPT bot using Flutter And Open AI
Переглядів 756Рік тому
Sign up for our newsletter to learn more about complex Flutter topics, as well as tips and tricks. - www.flutteruidev.tech/newsletter Check out Master Notification in Flutter Course - www.flutteruidev.tech/courses/flutter-notification-course Learn how to easily integrate Chatgpt with Flutter using the latest version of the Chatgpt SDK. See how the Chatgpt SDK can help you quickly integrate your...
How to add Notification in Flutter | 2023 | Awesome Notification Flutter
Переглядів 47 тис.Рік тому
Wanna know more about notifications? Checkout here - www.flutteruidev.tech/courses/flutter-notification-course?via=f5azwwRQK57mKgx6IZFx In this video, I'll be showing you how to easily add local notifications in your Flutter app for both iOS and Android. I'll be breaking down the process step-by-step, so even if you're new to Flutter or notifications, you'll be able to follow along. I'll be cov...
Build any UI in Picture in Picture (PIP) in Flutter | Flutter Tutorial
Переглядів 4,5 тис.2 роки тому
Build any UI in Picture in Picture (PIP) in Flutter | Flutter Tutorial
How to add YouTube Video Player in Flutter | Flutter Tutorial
Переглядів 38 тис.2 роки тому
How to add UA-cam Video Player in Flutter | Flutter Tutorial
How to add Autocomplete Textfield in Flutter | Full Customization | Flutter Tutorial
Переглядів 4,5 тис.2 роки тому
How to add Autocomplete Textfield in Flutter | Full Customization | Flutter Tutorial
Stepper - Flutter Widget of the Day #7
Переглядів 6742 роки тому
Stepper - Flutter Widget of the Day #7
ListWheelScrollView - Flutter Widget of the Day
Переглядів 7212 роки тому
ListWheelScrollView - Flutter Widget of the Day
Adaptive Widget - Flutter Widget of the Day #5
Переглядів 3592 роки тому
Adaptive Widget - Flutter Widget of the Day #5
Refresh Indicator - Flutter Widget of the Day #4
Переглядів 1,1 тис.2 роки тому
Refresh Indicator - Flutter Widget of the Day #4
Page View - Flutter Widget of the Day #3
Переглядів 5212 роки тому
Page View - Flutter Widget of the Day #3
Animated Bottom Bar | Flutter + Rive | Rive Tutorial
Переглядів 12 тис.2 роки тому
Animated Bottom Bar | Flutter Rive | Rive Tutorial
Rich Text - Flutter Widget of the day #2
Переглядів 3562 роки тому
Rich Text - Flutter Widget of the day #2
Pop Up Menu in Flutter | Flutter Tutorial
Переглядів 1,9 тис.2 роки тому
Pop Up Menu in Flutter | Flutter Tutorial
Flutter Infinite Scroll View | Never ending list | Flutter Tutorial
Переглядів 8 тис.2 роки тому
Flutter Infinite Scroll View | Never ending list | Flutter Tutorial
The Right way to load Images in Flutter | Flutter BlurHash
Переглядів 2,3 тис.2 роки тому
The Right way to load Images in Flutter | Flutter BlurHash
Neumorphic Banking App UI | Flutter Coding | Pt. 1
Переглядів 1 тис.2 роки тому
Neumorphic Banking App UI | Flutter Coding | Pt. 1
NFT Marketplace UI - Flutter Speed code
Переглядів 9 тис.2 роки тому
NFT Marketplace UI - Flutter Speed code
Native + Animated Splash Screen in Flutter | Flutter Tutorial [2022] | Android & IOS
Переглядів 62 тис.2 роки тому
Native Animated Splash Screen in Flutter | Flutter Tutorial [2022] | Android & IOS
Neumorphsim in Flutter | Soft UI | Flutter Tutorial
Переглядів 1,4 тис.2 роки тому
Neumorphsim in Flutter | Soft UI | Flutter Tutorial
Flutter NFT Marketplace UI | Flutter Web3 | Speed code
Переглядів 3 тис.2 роки тому
Flutter NFT Marketplace UI | Flutter Web3 | Speed code
A new way to setup Firebase with Flutter | Firebase setup | Flutter Tutorial
Переглядів 9 тис.2 роки тому
A new way to setup Firebase with Flutter | Firebase setup | Flutter Tutorial
Flutter Project - Food Delivery App UI, like you have never seen before 🤯🤯 | Flutter UI
Переглядів 4,2 тис.2 роки тому
Flutter Project - Food Delivery App UI, like you have never seen before 🤯🤯 | Flutter UI
Animated Pull to Refresh in Flutter | Flutter Animation
Переглядів 6 тис.2 роки тому
Animated Pull to Refresh in Flutter | Flutter Animation
Amazing it's working perfectly . My manager was very happy. Thank you so much.
Can we remove UA-cam watermark from that UA-cam player video after compiling flutter program
How to add gif?
awesome
There is no way that's flutter bro
Oh my God
Ohhh dammm 😍😍😍😍How the above tabss are floating I wanna learn
We need the source code❤
Can it run in background?
I gues it doesn't support that
sir plz give me source code
bhai source code please!!
Source code please!!
Your help plus copilot, will finish it in 1 minute.
Reso coder is better than to your videos they gave us a full knowledg.
The person making this package seems to be a descendant of Newton😂
😂
Muchas gracias, señor Hindú que no conozco, pero me que salvo el periodo.
Los otros comentarios me dieron confianza en que era bueno el tuto, pero *ÉSTE* es el sello de calidad A-1. Ahorita lo pongo en mi app.
What English is this???? I don't understand anything
Don't use 'BuildContext's across async gaps. Try rewriting the code to not use the 'BuildContext', or guard the use with a 'mounted' check. getting this error itll be helpful if you guide me with this.
Awesome
how to build this?
i have created a stateful widget splash screen, is it possible to use this as native splash screen ?
Rejecting promise with error: TypeError: Cannot set properties of undefined (setting 'nativeCommunication') why does this occur??
I've also encountered this error. 😮💨
Super bro
can you give the tutorial to change the notification icon
красота 🥰
really helpful also clean code using provider arch.
The notch area is blank when the status bar is hidden or in Fullscreen mode... I was working with a video player and came up with this problem. Can you please help 🙏... Or does anyone have any idea how to get a true full screen????😢😢😢
why have you not defined listeners as per documentation it is required?
looks like no has done face authenticatino in android flutter
Can i change the heigth of screen?
nice video , what's the font you're using
Help the video loads i can see the image but video is not playing
nah its good its just my emulator
import 'package:custom_refresh_indicator/custom_refresh_indicator.dart'; import 'package:flutter/material.dart'; import 'package:rive/rive.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple), useMaterial3: true, ), home: const MyHomePage(title: 'Flutter Demo Home Page'), ); } } class MyHomePage extends StatefulWidget { const MyHomePage({super.key, required this.title}); final String title; @override State<MyHomePage> createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { final _ofsettoarm = 220.0; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( backgroundColor: Theme.of(context).colorScheme.inversePrimary, title: Text(widget.title), ), body: CustomRefreshIndicator( child: DummyList(), onRefresh: () => Future.delayed(const Duration(seconds: 1)), offsetToArmed: _ofsettoarm, builder: (context, child, controller) => AnimatedBuilder( animation: controller, child: child, builder: (context, child) { return Stack( children: [ SizedBox( width: double.infinity, height: _ofsettoarm * controller.value, child: const RiveAnimation.asset( "assets/raster-graphics-example.riv", fit: BoxFit.cover), ), Transform.translate( offset: Offset(0.0, _ofsettoarm * controller.value), child: controller.isLoading ? DummyList() : child) ], ); }))); } } class DummyList extends StatelessWidget { @override Widget build(BuildContext context) { return ListView.separated( itemCount: 10, // Number of items in the list separatorBuilder: (context, index) => Divider(), // Separator between items itemBuilder: (context, index) { return Container( padding: EdgeInsets.all(10), margin: EdgeInsets.all(10), decoration: BoxDecoration( borderRadius: BorderRadius.circular(10.00), color: Colors.green), height: 300, child: Center(child: Text('Item $index')), ); }, ); } }
import 'package:custom_refresh_indicator/custom_refresh_indicator.dart'; import 'package:flutter/material.dart'; import 'package:rive/rive.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple), useMaterial3: true, ), home: const MyHomePage(title: 'Flutter Demo Home Page'), ); } } class MyHomePage extends StatefulWidget { const MyHomePage({super.key, required this.title}); final String title; @override State<MyHomePage> createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { final _ofsettoarm = 220.0; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( backgroundColor: Theme.of(context).colorScheme.inversePrimary, title: Text(widget.title), ), body: CustomRefreshIndicator( child: DummyList(), onRefresh: () => Future.delayed(const Duration(seconds: 1)), offsetToArmed: _ofsettoarm, builder: (context, child, controller) => AnimatedBuilder( animation: controller, child: child, builder: (context, child) { return Stack( children: [ SizedBox( width: double.infinity, height: _ofsettoarm * controller.value, child: const RiveAnimation.asset( "assets/raster-graphics-example.riv", fit: BoxFit.cover), ), Transform.translate( offset: Offset(0.0, _ofsettoarm * controller.value), child: controller.isLoading ? DummyList() : child) ], ); }))); } } class DummyList extends StatelessWidget { @override Widget build(BuildContext context) { return ListView.separated( itemCount: 10, // Number of items in the list separatorBuilder: (context, index) => Divider(), // Separator between items itemBuilder: (context, index) { return Container( padding: EdgeInsets.all(10), margin: EdgeInsets.all(10), decoration: BoxDecoration( borderRadius: BorderRadius.circular(10.00), color: Colors.green), height: 300, child: Center(child: Text('Item $index')), ); }, ); } }
How can i do in flutter and also will this UI may change for different phones right how to handle it?
Fantastic! But how can you animate the ethereum price tag?
thanks for the video, really helpful
As a flutter newbie - this was really great. The only issue I haven't been able to get past is for iOS. I have faceid enrolled in the simulator, I've restarted, hot reloaded, etc. I have triple checked that everything is setup per this video and the flutter local_auth docs. I continuously get an empty array for available biometrics for iOS. I spent the day scouring the web without luck. Any thoughts?
After the picture in picture mode is enabled, the video starts again. What should I do about it? I don't want the video to start again, rather continue the playing.
did you find any solution ?
@@user-lt6ey1ou5q Yeah I used another plugin. simple_pip_mode: ^0.8.0
Please make a video of adding fingerprint authentication to webview app
can you please guide me to how can i compile and run my flutter project in my local ios device PS: i have a windows machine
the rive url isnt working . Can u look into it please
Subscribed!!❤ i hope u can make complete flutter projects in the future ❤️
QUALITY OPTIONS??
Please kindly upload for IOS
and that's what we called art 💜
Good stuff made nice and simple. Thank you 🙂
Please provide source code link
Already I have a source code of this