Flutter UI Dev
Flutter UI Dev
  • 49
  • 308 017
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
zhlédnutí: 3 600

Video

5 ways to make money as Flutter Developer | 2023
zhlédnutí 2,2KPřed rokem
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
zhlédnutí 999Před rokem
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
zhlédnutí 2,3KPřed rokem
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
zhlédnutí 32KPřed rokem
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
zhlédnutí 4KPřed rokem
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
zhlédnutí 15KPřed rokem
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
zhlédnutí 723Před rokem
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
zhlédnutí 45KPřed rokem
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
zhlédnutí 4,3KPřed rokem
Build any UI in Picture in Picture (PIP) in Flutter | Flutter Tutorial
How to add YouTube Video Player in Flutter | Flutter Tutorial
zhlédnutí 36KPřed rokem
How to add CZcams Video Player in Flutter | Flutter Tutorial
How to add Autocomplete Textfield in Flutter | Full Customization | Flutter Tutorial
zhlédnutí 4,3KPřed rokem
How to add Autocomplete Textfield in Flutter | Full Customization | Flutter Tutorial
Stepper - Flutter Widget of the Day #7
zhlédnutí 661Před 2 lety
Stepper - Flutter Widget of the Day #7
ListWheelScrollView - Flutter Widget of the Day
zhlédnutí 707Před 2 lety
ListWheelScrollView - Flutter Widget of the Day
Adaptive Widget - Flutter Widget of the Day #5
zhlédnutí 354Před 2 lety
Adaptive Widget - Flutter Widget of the Day #5
Refresh Indicator - Flutter Widget of the Day #4
zhlédnutí 1,1KPřed 2 lety
Refresh Indicator - Flutter Widget of the Day #4
Page View - Flutter Widget of the Day #3
zhlédnutí 504Před 2 lety
Page View - Flutter Widget of the Day #3
Animated Bottom Bar | Flutter + Rive | Rive Tutorial
zhlédnutí 12KPřed 2 lety
Animated Bottom Bar | Flutter Rive | Rive Tutorial
Rich Text - Flutter Widget of the day #2
zhlédnutí 352Před 2 lety
Rich Text - Flutter Widget of the day #2
Pop Up Menu in Flutter | Flutter Tutorial
zhlédnutí 1,8KPřed 2 lety
Pop Up Menu in Flutter | Flutter Tutorial
Flutter Infinite Scroll View | Never ending list | Flutter Tutorial
zhlédnutí 7KPřed 2 lety
Flutter Infinite Scroll View | Never ending list | Flutter Tutorial
The Right way to load Images in Flutter | Flutter BlurHash
zhlédnutí 2,2KPřed 2 lety
The Right way to load Images in Flutter | Flutter BlurHash
Neumorphic Banking App UI | Flutter Coding | Pt. 1
zhlédnutí 1KPřed 2 lety
Neumorphic Banking App UI | Flutter Coding | Pt. 1
NFT Marketplace UI - Flutter Speed code
zhlédnutí 9KPřed 2 lety
NFT Marketplace UI - Flutter Speed code
Native + Animated Splash Screen in Flutter | Flutter Tutorial [2022] | Android & IOS
zhlédnutí 61KPřed 2 lety
Native Animated Splash Screen in Flutter | Flutter Tutorial [2022] | Android & IOS
Neumorphsim in Flutter | Soft UI | Flutter Tutorial
zhlédnutí 1,4KPřed 2 lety
Neumorphsim in Flutter | Soft UI | Flutter Tutorial
Flutter NFT Marketplace UI | Flutter Web3 | Speed code
zhlédnutí 2,9KPřed 2 lety
Flutter NFT Marketplace UI | Flutter Web3 | Speed code
A new way to setup Firebase with Flutter | Firebase setup | Flutter Tutorial
zhlédnutí 9KPřed 2 lety
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
zhlédnutí 4,2KPřed 2 lety
Flutter Project - Food Delivery App UI, like you have never seen before 🤯🤯 | Flutter UI
Animated Pull to Refresh in Flutter | Flutter Animation
zhlédnutí 5KPřed 2 lety
Animated Pull to Refresh in Flutter | Flutter Animation

Komentáře

  • @awdheshdubey2549
    @awdheshdubey2549 Před 3 dny

    Ohhh dammm 😍😍😍😍How the above tabss are floating I wanna learn

  • @user-ov4cr1xh2s
    @user-ov4cr1xh2s Před 3 dny

    We need the source code❤

  • @bharathchandrapanasa7997

    Can it run in background?

  • @ravsahebaware2164
    @ravsahebaware2164 Před měsícem

    sir plz give me source code

  • @tusharchander8935
    @tusharchander8935 Před měsícem

    bhai source code please!!

  • @tusharchander8935
    @tusharchander8935 Před měsícem

    Source code please!!

  • @cellastudio7903
    @cellastudio7903 Před měsícem

    Your help plus copilot, will finish it in 1 minute.

  • @yarachesu2604
    @yarachesu2604 Před 2 měsíci

    Reso coder is better than to your videos they gave us a full knowledg.

  • @kodeshower
    @kodeshower Před 2 měsíci

    The person making this package seems to be a descendant of Newton😂

  • @henrydoblado5724
    @henrydoblado5724 Před 2 měsíci

    Muchas gracias, señor Hindú que no conozco, pero me que salvo el periodo.

    • @sebastianrebazalarosa3634
      @sebastianrebazalarosa3634 Před 26 dny

      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.

  • @user-ou5ou8nq3p
    @user-ou5ou8nq3p Před 3 měsíci

    What English is this???? I don't understand anything

  • @harshalkenjale927
    @harshalkenjale927 Před 3 měsíci

    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.

  • @atreyanagal2790
    @atreyanagal2790 Před 3 měsíci

    Awesome

  • @BOYGG-be8tb
    @BOYGG-be8tb Před 3 měsíci

    how to build this?

  • @user-pm1yk3th8y
    @user-pm1yk3th8y Před 5 měsíci

    i have created a stateful widget splash screen, is it possible to use this as native splash screen ?

  • @user-iq6cp9cx1w
    @user-iq6cp9cx1w Před 5 měsíci

    Rejecting promise with error: TypeError: Cannot set properties of undefined (setting 'nativeCommunication') why does this occur??

    • @wintercode
      @wintercode Před 4 měsíci

      I've also encountered this error. 😮‍💨

  • @IneffableRespect
    @IneffableRespect Před 5 měsíci

    Super bro

  • @antonius-ez7mx
    @antonius-ez7mx Před 5 měsíci

    can you give the tutorial to change the notification icon

  • @make-love-not-war-Z
    @make-love-not-war-Z Před 5 měsíci

    красота 🥰

  • @tasaddaqrandhawa4219
    @tasaddaqrandhawa4219 Před 5 měsíci

    really helpful also clean code using provider arch.

  • @sajedulislam7918
    @sajedulislam7918 Před 6 měsíci

    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????😢😢😢

  • @malikTaha425
    @malikTaha425 Před 6 měsíci

    why have you not defined listeners as per documentation it is required?

  • @user-gr4vq2dd9y
    @user-gr4vq2dd9y Před 6 měsíci

    looks like no has done face authenticatino in android flutter

  • @ren76566
    @ren76566 Před 7 měsíci

    Can i change the heigth of screen?

  • @thelocaldev
    @thelocaldev Před 7 měsíci

    nice video , what's the font you're using

  • @zedicustenebres8031
    @zedicustenebres8031 Před 8 měsíci

    Help the video loads i can see the image but video is not playing

  • @shekharkashyap2148
    @shekharkashyap2148 Před 8 měsíci

    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')), ); }, ); } }

  • @BluerayBooks
    @BluerayBooks Před 8 měsíci

    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')), ); }, ); } }

  • @remomuthu2265
    @remomuthu2265 Před 8 měsíci

    How can i do in flutter and also will this UI may change for different phones right how to handle it?

  • @richardappow6770
    @richardappow6770 Před 8 měsíci

    Fantastic! But how can you animate the ethereum price tag?

  • @gedeonyala6836
    @gedeonyala6836 Před 8 měsíci

    thanks for the video, really helpful

  • @brittanydufort7240
    @brittanydufort7240 Před 8 měsíci

    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?

  • @asfaqahmedsiddique4811
    @asfaqahmedsiddique4811 Před 8 měsíci

    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.

  • @bryantmichael6863
    @bryantmichael6863 Před 8 měsíci

    Please make a video of adding fingerprint authentication to webview app

  • @abdulshaikh2401
    @abdulshaikh2401 Před 8 měsíci

    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

  • @aakashnkl
    @aakashnkl Před 8 měsíci

    the rive url isnt working . Can u look into it please

  • @aouadicharaf1038
    @aouadicharaf1038 Před 8 měsíci

    Subscribed!!❤ i hope u can make complete flutter projects in the future ❤️

  • @adityadwivedi8798
    @adityadwivedi8798 Před 8 měsíci

    QUALITY OPTIONS??

  • @ram11506
    @ram11506 Před 8 měsíci

    Please kindly upload for IOS

  • @oussamasbisiane4544
    @oussamasbisiane4544 Před 9 měsíci

    and that's what we called art 💜

  • @lazez_1
    @lazez_1 Před 9 měsíci

    Good stuff made nice and simple. Thank you 🙂

  • @nagarajkatraj1711
    @nagarajkatraj1711 Před 9 měsíci

    Please provide source code link

  • @amitmasram1441
    @amitmasram1441 Před 9 měsíci

    Already I have a source code of this

  • @mariohernandez-ck6vs
    @mariohernandez-ck6vs Před 9 měsíci

    I have a blank screen and this messages in the console: E/flutter (11650): <asynchronous suspension> E/flutter (11650): #2 Firebase.initializeApp (package:firebase_core/src/firebase.dart:43:31) E/flutter (11650): <asynchronous suspension> E/flutter (11650): #3 main (package:firebase/main.dart:9:3) E/flutter (11650): <asynchronous suspension> E/flutter (11650):

  • @nisafv.a8710
    @nisafv.a8710 Před 9 měsíci

    Nice maaan

  • @fallahfajrul244
    @fallahfajrul244 Před 9 měsíci

    how to build this? i hope you want to give me tutorial :")

  • @Devil-kw7fx
    @Devil-kw7fx Před 9 měsíci

    Please suggest me any local notifications flutter package that can work on windows app also please?

  • @ayushtripathi7917
    @ayushtripathi7917 Před 9 měsíci

    How to find gif of this walking person want to understand how to build this

  • @codifyDesign
    @codifyDesign Před 9 měsíci

    Walking person in an animation or you handle this completely with flutter?

    • @flutteruidev
      @flutteruidev Před 9 měsíci

      Not actually a flutter native animation, it a images sequence

    • @ayushtripathi7917
      @ayushtripathi7917 Před 9 měsíci

      Can j get codebase for same? Need to learn and understand

    • @flutteruidev
      @flutteruidev Před 9 měsíci

      @@ayushtripathi7917 github.com/baseplate77/Health-tracker-app-walking-animation-?s=08