The Flutter Factory
The Flutter Factory
  • 59
  • 1 310 486
Let's Build a Flutter App! 05 - Setting up and using the Youtube API
In this video, I'll walk through how to setup and read data from the CZcams Data API. That API can be used to read public CZcams data from any channel. Let's populate the video list with more useful CZcams information.
⚡Connect on Facebook: flutterfactory
⚡Connect on Twitter: flutterfactory
zhlédnutí: 2 852

Video

Let's Build a Flutter App! 04 - Reading & Displaying Firestore Data
zhlédnutí 1,4KPřed 2 lety
Part 4 focuses on reading existing data from an existing collection in a Firestore database and displaying that data in a listview. In Part 5 we'll actually incorporate more video info and show videos in the list. ⚡Connect on Facebook: flutterfactory ⚡Connect on Twitter: flutterfactory
Let's Build a Flutter App! 03 - Firebase setup
zhlédnutí 1,1KPřed 2 lety
Part 3 of the Flutter factory app is a simple video to get you set up for Firebase for both Android and iOS. The setup can be a little confusing if it's your first time, but hopefully this helps you get over some of the pain points of the setup process. A real Android and iOS device will make your life a little bit easier when testing. ⚡Connect on Facebook: flutterfactory ⚡Connect ...
Let's Build a Flutter App! 02 - Choosing the right Architecture
zhlédnutí 3,1KPřed 2 lety
Part 2 of the Flutter factory app is perhaps the most important part of developing an app - Architecture. It's worth putting in the time to think about how you want code structured in your app well before you actually start coding. You will save yourself and all of your coworkers A LOT of time in the future if there's a clear separation of UI, business logic, and data. ⚡Connect on Facebook: fac...
Let's Build a Flutter App! 01 - Appbars and Tabs
zhlédnutí 2,2KPřed 2 lety
This video series will walk through the creation of the Flutter Factory app. This first video will focus on Building a flexible appbar with tabs 00:00 - Building the flutter factory intro 01:07 - Basic Appbar with icons and actions 08:07 - Adding tabs to bottom of Appbar 11:54 - Creating the views for each tab 13:02 - NestedScrollView and SliverAppbar 19:40 - Pinned and floating Appbars 22:47 -...
How to Read/Write Text, JSON, and Image Files in Flutter
zhlédnutí 21KPřed 2 lety
In this video, I discuss in detail how to read and write local files in Flutter.This includes basic text, json data, and images. 💻Get the Code: github.com/theflutterfactory/Flutter-Tutorials/tree/read_write_files ⚡Connect on Facebook: flutterfactory ⚡Connect on Twitter: flutterfactory 🎷Music: www.bensound.com
How to Add Language Translations in Flutter
zhlédnutí 13KPřed 3 lety
Adding language translations for you app strings are a great way to make your app more accessible to people around the world. In this video, you'll learn how easy it is to switch between multiple languages using a useful Flutter library and Provider. List of country Locale codes: saimana.com/list-of-country-locale-code/ 💻Code: github.com/theflutterfactory/Flutter-Tutorials/tree/easy_localizatio...
State Management in React Native with Mobx - The Basics
zhlédnutí 12KPřed 3 lety
If you're interested in MobX, you probably know a little bit about Redux. MobX is a more lightweight, flexible state management solution for your React Native app. While it isn't best for ALL apps, it's definitely an option to consider when creating new apps. This video will help you get started. 00:15 Reviewing initial code with setState/useState 03:40 Moving the state to a central class 12:21...
Moving from setState to Riverpod in Flutter Part 2
zhlédnutí 4,5KPřed 3 lety
Part 2 of the Riverpod series covers few useful features of the package including: .family modifier - send extra data to your provider .autodispose modifier - control what happens to the state when the provider is no longer being used reference other providers inside of providers Using the useProvider hook to replace the Consumer widget 00:00 - intro and looking at docs 01:25 - HookWidget and u...
Moving from setState to Riverpod in Flutter Part 1
zhlédnutí 18KPřed 3 lety
If you're interested in learning Riverpod, you've probably already learned a little bit about Provider. Riverpod was created by the same guy that created the Provider package. Also if you haven't notice, Riverpod is an anagram of Provider. This video will get you started with Riverpod and show you why it's a major upgrade from Provider. 00:00 - Intro 00:24 - Overview with the basic setState app...
How to Create Responsive Layouts in React Native
zhlédnutí 22KPřed 3 lety
If you want to know how to make responsive layouts in React Native, this video is a good starting point. This video focuses adapting the same UI to both portrait and landscape mode. Keep in mind that this is just one way to create responsive layouts. It's my personal favorite, but it's not the only way. 02:20 Creating a custom hook to listen for orientation changes 08:27 Using the custom hook i...
Flutter State Management with Provider 5
zhlédnutí 26KPřed 3 lety
Provider is an excellent choice to manage state in your Flutter apps. I talked about Provider version 3 in a previous video. This is an updated version. 💻Follow along here with the initial code: github.com/theflutterfactory/Flutter-Tutorials/tree/provider_4 ⚡Connect on Facebook: flutterfactory ⚡Connect on Twitter: flutterfactory 🎷Music: www.bensound.com/royalty-free-music
Create Login Forms in React Native the Easy way
zhlédnutí 4KPřed 3 lety
There are several great libraries to create forms in React Native. You may already be familiar with the popular Formik library, but React Hook Form is a more relatively new, modern approach to form building and validation using hooks. This video will help you understand the all powerful useForm hook from the library. Follow along with the initial code here: github.com/cheetahcoding/React-Native...
GetX - Flutter Internationalization (Switch languages) - Part 4
zhlédnutí 8KPřed 3 lety
This video will show you how easy it is to add multiple language translations to your app. Switching between languages can update your Text widgets automatically using the power of GetX. Useful list of country codes: saimana.com/list-of-country-locale-code Follow along with the video using the code here: github.com/cheetahcoding/Flutter-Tutorials/tree/getX_internationalization 00:06 - Intro and...
Switching from Redux to Recoil in React Native
zhlédnutí 3,5KPřed 3 lety
Recoil is a new hook-based option in the React state management space. If you think Redux is a bit too complicated, Recoil might be the perfect state management solution for you. This tutorial will show you how easy it is to convert Redux code to Recoil code, reducing a lot of boilerplate and overall complexity. This tutorial uses the code from Part 2 of my Redux tutorial here: czcams.com/video...
How to Communicate with REST APIs in Flutter
zhlédnutí 17KPřed 3 lety
How to Communicate with REST APIs in Flutter
Using Redux in React Native - Part 2 (Hooks)
zhlédnutí 8KPřed 3 lety
Using Redux in React Native - Part 2 (Hooks)
GetX - Part 3 (Route navigation)
zhlédnutí 10KPřed 3 lety
GetX - Part 3 (Route navigation)
Adding Web views with Progress Bars in React Native
zhlédnutí 24KPřed 3 lety
Adding Web views with Progress Bars in React Native
GetX - Part 2 (GetBuilder & Workers)
zhlédnutí 6KPřed 3 lety
GetX - Part 2 (GetBuilder & Workers)
GetX in Flutter - Part 1 (Observables)
zhlédnutí 21KPřed 3 lety
GetX in Flutter - Part 1 (Observables)
React Navigation 5 in React Native (Part 3) - Deep Linking Between Apps
zhlédnutí 9KPřed 3 lety
React Navigation 5 in React Native (Part 3) - Deep Linking Between Apps
How to Add Drawer and Tab Navigation to Flutter Apps
zhlédnutí 10KPřed 4 lety
How to Add Drawer and Tab Navigation to Flutter Apps
Getting Started with Styled Components in React Native
zhlédnutí 10KPřed 4 lety
Getting Started with Styled Components in React Native
Using Fonts in Flutter with Google Fonts
zhlédnutí 4,2KPřed 4 lety
Using Fonts in Flutter with Google Fonts
React Navigation 5 in React Native (Part 2) - Hooks and Themes
zhlédnutí 18KPřed 4 lety
React Navigation 5 in React Native (Part 2) - Hooks and Themes
How to Use Google Maps in Flutter Apps - Part 1
zhlédnutí 63KPřed 4 lety
How to Use Google Maps in Flutter Apps - Part 1
How to Use Google Maps in React Native - Part 3
zhlédnutí 13KPřed 4 lety
How to Use Google Maps in React Native - Part 3
Database Storage in Flutter using SQFlite
zhlédnutí 53KPřed 4 lety
Database Storage in Flutter using SQFlite
How to Use React Navigation 5 in React Native (Part 1) - Navigators
zhlédnutí 120KPřed 4 lety
How to Use React Navigation 5 in React Native (Part 1) - Navigators

Komentáře

  • @ChiragkumarDashrathbhaiLimbach

    Nice tutorial

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

    Amazing ! thank you so much :D

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

    you solved my issue for months! thank you so much

  • @HassanAli-od8gx
    @HassanAli-od8gx Před 8 měsíci

    Do this with flutter please

  • @user-gr5qr9jx3t
    @user-gr5qr9jx3t Před 10 měsíci

    i don't use remove of demensions. can you help me? please!

  • @muhammadafzal237
    @muhammadafzal237 Před 11 měsíci

    How to change AppBar title with the change in Tabs?

  • @kevdev123
    @kevdev123 Před rokem

    Yeah, nah. Code videos without supporting code are useless to most.

  • @tabancosmos2235
    @tabancosmos2235 Před rokem

    Up to 16mins I am convinced about recoil.

  • @gurpreetsingh-oo5zw

    what if this app is lauched as multi window app, wher the screen is split between two apps???

  • @zamzam965
    @zamzam965 Před rokem

    when u use px inside styled components , the size not gonna vary across difference devices ?

  • @anastahseen2113
    @anastahseen2113 Před rokem

    @The Flutter Factory in which tutorial u taught provider,plz mention i cant find.

  • @banderamusical
    @banderamusical Před rokem

    I created a Similar project but the youtube API wont load after I publish the app on the Playstore can anyone provide a solution for this ?

  • @ArifDewi1331
    @ArifDewi1331 Před rokem

    Thank man! Nice and clear! 👍

  • @saratm9973
    @saratm9973 Před rokem

    How to check if the latitude and longitude of a location is inside or outside the circle?

  • @oumaimasouid5229
    @oumaimasouid5229 Před rokem

    A member named 'tr' is defined in extension 'Trans' and extension 'StringTranslateExtension', and none are more specific. Try using an extension override to specify the extension you want to be chosen. i find this error :(

  • @Malang445
    @Malang445 Před rokem

    i get a null error when i do readjson file in read data The argument type 'Map<String, dynamic>?' can't be assigned to the parameter type 'Map<String, dynamic>

  • @Malang445
    @Malang445 Před rokem

    how to i append json files

  • @ludwigvillalba1886
    @ludwigvillalba1886 Před rokem

    Thanks for sharing!

  • @sarahismail-ob4is
    @sarahismail-ob4is Před rokem

    Hi, every time I dp 'expo init 'ProjectName'', the project doesn't come with a 'node_modules' file. and when I run 'start nom', I'll get the error 'Unable to find expo in this project - have you run yarn / npm install yet?'. Hope you can help. thank you

  • @yenhachi
    @yenhachi Před rokem

    感謝!

  • @mohamednizam5298
    @mohamednizam5298 Před rokem

    Great vid thanks a lot! Helps alot in developing my first app. Appreciate if you could show how do we do a search and filter data in an sqflite database.

  • @moisekumavi4381
    @moisekumavi4381 Před rokem

    very usefull 😇😇😇

  • @MuhammedFayis-bi6jw

    hey how can i change language of data which coming from api

  • @kastorkitov9381
    @kastorkitov9381 Před rokem

    thanks

  • @baibing8077
    @baibing8077 Před rokem

    Hi, if I have a multipolygon data and I don’t want to use the geojson component, can I use polygon component to present data to ui, thanks.

  • @bryanltobing
    @bryanltobing Před rokem

    can you share the source code ?

  • @xXElectroShockzXx
    @xXElectroShockzXx Před rokem

    Hi, do you still have the repo?

  • @ahmedparbes
    @ahmedparbes Před rokem

    Outstanding video. It saves me 20% of my lifetime earning:) May Almighty Bless You

  • @kamealskateboarding5605

    Is there any way to draw a polygon by finger somewhow? react-native-maps doesn't provide this kind of feature

  • @rohankamble7347
    @rohankamble7347 Před rokem

    Make video on storing image in sqflite database for flutter

  • @leonardopego5005
    @leonardopego5005 Před rokem

    Hello, I've a question, how to avoid every task to re-render when I delete just one task? You are using a hook that owns the state, but every task component render when the ATOM changes. Thanks.

  • @brighterpress
    @brighterpress Před rokem

    have been searching for a video that explains this perfectly... saving Bool to database and retrieving it... thanks 👍

  • @aninhatmz1406
    @aninhatmz1406 Před rokem

    Hello, do you help me please?

  • @user-sv3pc7my6n
    @user-sv3pc7my6n Před rokem

    I am very much looking forward to the next video lecture. Teacher, come back!!

  • @shashankchappkhanawala8393

    If we have a lot of text heavy data coming from server for more than 150+ pages in JSON format, how would we be able to use it with multiple languages. Do we have to use any {if - then} logic ?? Please advise

  • @semihhyilmaz
    @semihhyilmaz Před rokem

    I was streaming the data but I didn't know how to pass it to the list. Really great tutorial, thanks!

  • @LifePhath
    @LifePhath Před rokem

    you keep saying I have already done that, why didn't you start from scratch , I can't even get the webview downloaded you didn't explain that

    • @TheFlutterFactory
      @TheFlutterFactory Před rokem

      Every video would be incredibly repetitive if I went through the basics of creating basic widgets, installing packages, etc. If you're looking at this video, it should be safe to assume that the viewer knows how to install packages already.

    • @TheFlutterFactory
      @TheFlutterFactory Před rokem

      I also mentioned the package name and install directions directly in the video, so I'm not sure what the confusion is

    • @LifePhath
      @LifePhath Před rokem

      @@TheFlutterFactory I don’t know anything and I thought you could at least explain that

    • @TheFlutterFactory
      @TheFlutterFactory Před rokem

      If you don't know anything, you shouldn't be looking at a video to install webviews. There's a lot more things to learn before that. Each video covers a specific topic. I can't repeat everything in every video. this channel isnt for people that are new to coding in general.

    • @LifePhath
      @LifePhath Před rokem

      @@TheFlutterFactory I didn’t hear it

  • @ChrisChris-hx7qz
    @ChrisChris-hx7qz Před rokem

    Hi dear, really interesting. Please is there a way to fetch MY PRIVATE PLAYLISTS and display them in my app

  • @tusharrana3924
    @tusharrana3924 Před rokem

    really informative video 1 question, if we want to use local HTML file which has many CSS n js also included in page will that work fine?

  • @actofaggression8060

    After a long hustle with exceptions thrown up at about 08:15 a short disclaimer to everybody. Watch out for your Firebase Rulesets. This could have saved me hours of frustration.

  • @elinjoroge3661
    @elinjoroge3661 Před rokem

    how do you show multiple polygons on a map in react native

  • @jasonbraithwaite9204

    Excellent Series, very well explained and easy to follow :)

  • @zenZcoder
    @zenZcoder Před rokem

    how to do it for Hinglish

    • @TheFlutterFactory
      @TheFlutterFactory Před rokem

      Well.. I don't speak Hindi. I'm American and English is the primary language of software development.

  • @adedimolao9094
    @adedimolao9094 Před rokem

    great tutorial

  • @gyangarciaavila9416

    Great tutorial bro!

  • @Verygoodrove
    @Verygoodrove Před rokem

    Wow.. whats this vsCode theme?

  • @epi_sto_letes
    @epi_sto_letes Před 2 lety

    At level, or at what doc root, do you add code to the new git branch? At form_screen.dart? at lib? or at CWC_FLUTTER?

  • @ngoctienTNT
    @ngoctienTNT Před 2 lety

    Thank you! From Viet Nam with love

  • @zulqarnainahmed7517
    @zulqarnainahmed7517 Před 2 lety

    Very clear explanation! Keep up the good work.

  • @epi_sto_letes
    @epi_sto_letes Před 2 lety

    Does this tutorial need to be updated. My ide complains about this code, requiring me to '?', '?.' or '!'.

    • @TheFlutterFactory
      @TheFlutterFactory Před rokem

      Yeah this is pretty outdated now. Flutter 2 -> 3 was a major shift in the framework. If you already understand null safety it shouldn't be involve too many changes. I'll be getting back to making new videos soon.