Weather App Flutter | Creating Weather App in Flutter with GetX | Tutorial for Beginners [2022]

Поділитися
Вставка
  • Опубліковано 14 жов 2024

КОМЕНТАРІ • 170

  • @dev_jeongdaeri
    @dev_jeongdaeri 2 роки тому +8

    super cool!!

  • @thedev2183
    @thedev2183 2 роки тому +4

    This helps me so much for learning flutter. I already started to learn flutter 2-4 months ago and now I am exercising code and saw this video. IT'S FKING AWSOMEEE WİTH EXPLANATİONS. Keep going dude.

    • @backslashflutter
      @backslashflutter  2 роки тому +2

      Thank you so much for being part of our channel. ❤️💞

  • @dev.faizan
    @dev.faizan 2 роки тому +1

    i was developing weather app and was searching how to make hourly forecast list ,this help me
    ThANKS for tutorial 💛

    • @backslashflutter
      @backslashflutter  2 роки тому

      I am happy to know that it helped you❤️ thanks for watching

  • @ShadabKhan-ib7me
    @ShadabKhan-ib7me Рік тому +2

    At the start it was nice and calm fetching apis are pretty clear but dont know what are u doing with json continuesly creating classes and factory constructor :(

  • @Namaz312
    @Namaz312 9 місяців тому +1

    я из Кыргызстана, этот парень очень хорошо объясняет! спасибо ему

  • @dariocrea8230
    @dariocrea8230 5 місяців тому

    Hello! First of all thanks for the video, it helped me to understand better flutter and how the widgets work. I have a question, I followed your instruction to get the name of the city, but from the logs and the terminal it prints the error: "Error: Unexpected null value." I even tried to print the list but same results. But the API (I used the same as yours) is correctly returning the latitude and the longitude. Any advice or solution?

  • @somnathdas8922
    @somnathdas8922 2 роки тому +1

    Just now I find you awesome channel.. I am a flutter Lerner.. your chennel help me..

  • @septynuraizah5479
    @septynuraizah5479 3 місяці тому

    Thank you very much for the tutorial! but why is it that when I run the project it always fails and points to the getAddress line at file header_widget.dart an there is no error description. I try to run your source code but it has the same problem. How can I fix that problem? I have no idea.

  • @lakko8888
    @lakko8888 2 роки тому +4

    Fantastic video!!! It helped me so much.
    Is there a way to update the data every 10-15 minutes maybe using a timer or something else?
    Last thing, maybe a video with permissions request with dialog when it they are refused (like android rationale) can be nice (using permissions_handler, app_settings or similar)

    • @backslashflutter
      @backslashflutter  2 роки тому

      First of all thank you so much for being the part of our Patreon community. I was super happy to see you supporting the channel and those small contributions help in growth of this channel.
      I will be adding a last updated and reload button to the app where we can reload and get the data. Also for the request dialog, will see the packages that I can use

    • @lakko8888
      @lakko8888 2 роки тому +1

      @@backslashflutter is there any news for the updating button? thank you

    • @backslashflutter
      @backslashflutter  2 роки тому

      Sorry i just forgot about that. I am sharing my whatsapp number with you on patreon message chat. We can disucss more on the weather app features on whatsapp

  • @nationalshrestha4841
    @nationalshrestha4841 2 роки тому +3

    At 44:24, You added a city = place.locality!; and then you restart the app and it shows you location ..... but in my case when i reload my app, it pop-ups 2 tab in vs-code that are binding.dart and plugin_registry.dart. In binding.dart, on line no. 359, it says "completer.complete(reply);" where the text cursor blinks between completer and (.) & in plugin_registry, on line no. 126, it says " callback(response);" where the cursor blinks in front of callback. What is the problem ? I am confused why i am getting these pop-ups while i debug.

    • @backslashflutter
      @backslashflutter  2 роки тому

      On debug console bottom left end, you will see a check for uncaught expression. Please remove that and try it.

    • @nationalshrestha4841
      @nationalshrestha4841 2 роки тому

      @@backslashflutter After that also my location hasnot been shown..Is this because I am displaying in chrome instead of window emulator?

    • @021_anuskapaul2
      @021_anuskapaul2 Рік тому

      @@backslashflutter There is no such check . I am also facing this same problem

  • @dhananjaypatil2355
    @dhananjaypatil2355 2 роки тому +1

    Great work bro
    I'm enjoying every videos of yours
    You are doing great, your videos are very helpful

  • @ahmadalqerm9555
    @ahmadalqerm9555 11 місяців тому

    Super work .
    Please tell me how make this presentation?

  • @superkayfiyat2683
    @superkayfiyat2683 Рік тому +1

    Hi thanks for awesome tutorial!
    I got an error "latitude is out of range of [-90.000000, 90.000000] (too low)" and don't know how to fix it. can anyone help me?

    • @backslashflutter
      @backslashflutter  Рік тому

      can you please check the source code mate.
      drive.google.com/file/d/1RMizX35ld0csWRfyAkDEGfH077elggQn/view?usp=drive_link

  • @amitaptitudetrickscollecti8084
    @amitaptitudetrickscollecti8084 10 місяців тому

    without subscription can i use open weather api map call and api?
    I am not getting current ,hourly, daily weather data?

  • @anshkumargarhewal8582
    @anshkumargarhewal8582 Рік тому

    hi thanks for the tutorial by the way what is the model of your machine can it run multiple kubernetes cluster or multiple ios simulater instances.

    • @backslashflutter
      @backslashflutter  Рік тому

      i am having mac air 2020 variant mate, not that good. If you belong from a hot city then it will have heating issues.

  • @YashRaj-km8sq
    @YashRaj-km8sq 2 роки тому

    One of the best explanation and projects making video ever seen.....keep uploading

  • @infinitosolutions979
    @infinitosolutions979 9 місяців тому

    Hello! did you develop some inventory app in flutter?

  • @chiragbhatia2002
    @chiragbhatia2002 Рік тому

    Sir structure apne mvvm architecture use kiya hai ya mvc architecture use kiya hai?? 6:22

  • @programmermasud8657
    @programmermasud8657 2 роки тому +1

    awesome tutorial. Thanks a lot.
    but my initState() function for getting the placemark is called before the globallController retrive the location data data. the placemark function is not waiting for the Globalcontroller to load. how to solve this

  • @halalminers880
    @halalminers880 2 роки тому +1

    I watched one on your UA-cam channel that was good.

  • @ruhanahmed6852
    @ruhanahmed6852 9 місяців тому

    Hey, how to get location permission for android ? You showed for ios . Please help me out

  • @siddhantarawal2366
    @siddhantarawal2366 2 роки тому +1

    what if the location service is not enabled in mobile device.It Keeps on going circular progess indicator and error shows on the debug console on pc.Is there not the way to make popup on the app showing that location service is not enabled in the device?

    • @backslashflutter
      @backslashflutter  2 роки тому

      do check the package pub.dev documentation for more information

  • @ashutosh_0907
    @ashutosh_0907 7 місяців тому

    If i want to check the weather of my city, how can I bcz you have details of Lucknow only not a city entered by user

  • @harshitsagar1626
    @harshitsagar1626 7 місяців тому

    bro can u please give more project links like that ....im happy to learn with that 😁😁

  • @kikiolivia1622
    @kikiolivia1622 11 місяців тому +1

    this is super awesomee

  • @aayankhhan5698
    @aayankhhan5698 2 роки тому +1

    Is this possible in flutter which can download the video from server and store it in SD card. and plays it while the app is in offline mode. Like UA-cam download function???

  • @nifemiwilliams6410
    @nifemiwilliams6410 Рік тому

    Hii ,great tutorial. Please I got this error : this supplied phased action failed with an exception.
    Could not open knit generic class cache for initialisation script

    • @backslashflutter
      @backslashflutter  Рік тому

      Click on File menu and
      Select Invalidate Cache/Restart
      Select Invalidate and Restart
      Hope this works

  • @techysparta9227
    @techysparta9227 Рік тому +1

    37: 37. my circular progressing indicator is keep running and not showing test text

    • @backslashflutter
      @backslashflutter  Рік тому

      you can check the source code here
      drive.google.com/file/d/1RMizX35ld0csWRfyAkDEGfH077elggQn/view?usp=drive_link

    • @roshnimalche7518
      @roshnimalche7518 Рік тому

      Same problem sir please help

  • @gauravswarankar2557
    @gauravswarankar2557 2 роки тому +1

    i didn't get any video for flutter notification with action buttons. like to decline or accept call, mark as read or reply button. can you make a tutorial on this please?

  • @okoyogold6715
    @okoyogold6715 Рік тому

    I would be building a weather app for my final project,i hope u can help me with the Swift,Objective-c,Kotlin and html code parts🙏🙏🙏

  • @ABOmaxwell
    @ABOmaxwell 2 роки тому +1

    can you please explain how to implement refresh indicator with GetX

    • @backslashflutter
      @backslashflutter  2 роки тому

      create a function that will call our api and simply use onRefresh in our refresh indicator class

  • @abulaman5362
    @abulaman5362 4 місяці тому

    Can someone tell me whether the api used is free of cost or do i have to purchase it.....I'll start the vid after that.....😅

  • @021_anuskapaul2
    @021_anuskapaul2 Рік тому

    Will I be able to get weather of any location through this app?

  • @NgyenucKhaiHE
    @NgyenucKhaiHE Рік тому

    Can you give me the figma of project ? Thank for all

  • @Soner_Dev
    @Soner_Dev Рік тому

    The explanations and the graphic representation are insane.
    With a much better audio quality you would be unbeatable on UA-cam.

    • @backslashflutter
      @backslashflutter  Рік тому

      yes i am trying to make it better. Thanks for watching by the waty.

  • @yasserlion
    @yasserlion 2 роки тому +2

    Hello I'm very grateful to you and your video which is super awsome . I have a question at while the first run of the project to test the API call an exception happened
    Exception has occurred.
    _CastError (Null check operator used on a null value)
    with the code
    import 'package:weatherapp_starter_project/model/weather/weather_data_current.dart';
    class WeatherData {
    final WeatherDataCurrent? current;
    WeatherData([
    this.current,
    ]);
    WeatherDataCurrent getCuurentWeather() => current!;
    and it couldn't run could you please help

    • @backslashflutter
      @backslashflutter  2 роки тому

      can you please check if you are storing data to weather data current class. If you think issue exists then you can go to our pateron membership page and clone the source code for weather app. Thanks

    • @sigmamale3255
      @sigmamale3255 2 роки тому

      @@backslashflutter same problem

  • @maazafridi2090
    @maazafridi2090 Рік тому

    bro.. why but this api is not working.. now I have created account also taken the subscription but.. in the postman its not giving me the dta

  • @lufthazka
    @lufthazka Рік тому

    sorry sir. what if i don't have any card? can i still follow your tutorial without subscribing openweather?

    • @backslashflutter
      @backslashflutter  Рік тому

      not possible mate. all these services require their subscription to be enabled

  • @adolfusadams4615
    @adolfusadams4615 2 роки тому +1

    Can you please do a Flutter tutorial showing how to build a CRUd app with GetX and GraphQL?

    • @backslashflutter
      @backslashflutter  2 роки тому

      Sure ❤️

    • @adolfusadams4615
      @adolfusadams4615 2 роки тому

      @@backslashflutter Gr8! Maybe you could use Hasura to easily create the GraphQL endpoint.

  • @azkakhan6397
    @azkakhan6397 Рік тому +1

    I am getting an Exception Error: "Exception has occurred.
    _TypeError (type 'String' is not a subtype of type 'int')"
    For this Code: String getTime(final timeStamp) {
    DateTime time = DateTime.fromMillisecondsSinceEpoch(timeStamp * 1000);
    String x = DateFormat('jm').format(time);
    return x;
    }
    pls help!

    • @backslashflutter
      @backslashflutter  Рік тому

      the place where you are calling getTime, and passing timestamp value. I guess timestamp is string in your case. try to wrap it with int.parse(). So it will be like getTime(int.parse(time))

  • @deepanshurohilla2114
    @deepanshurohilla2114 2 роки тому +2

    Icons and weather png are not loading in application. There is blank space instead of icons but the app is running

    • @backslashflutter
      @backslashflutter  2 роки тому +1

      I mean the source code is available for patreon users, so you can check the source code there mate. Also, joining our channel as Patreon would be good for you also❤️🫠

    • @deepanshurohilla2114
      @deepanshurohilla2114 2 роки тому +1

      @@backslashflutter sure sure i am joining and even images are fetched successfully
      Thanku thankuuuuuuuuu so muchh 🎉🎉🥳

  • @siddhantarawal2366
    @siddhantarawal2366 2 роки тому +2

    I am unable to use my debit card for international usage.How can i do others for free.?

    • @backslashflutter
      @backslashflutter  2 роки тому

      Do check to enable international payment in your card

    • @siddhantarawal2366
      @siddhantarawal2366 2 роки тому

      @@backslashflutter i have subscribed for developer account and meudim account acttivation.Do these also works same as one calll API?

    • @siddhantarawal2366
      @siddhantarawal2366 2 роки тому

      @@backslashflutter i am unable to proceed to international payment due to bank issue.Does mudium account activation and developer account activation works same as One Call API?

  • @Gugo-le
    @Gugo-le 2 роки тому +1

    Hi! I am a student who is studying flutter while watching your video! So I got a question while making it.
    In the global_controller.dart file, return await Geolocator.getCurrentPosition, in this part, "Exception has occurred.
    NoSuchMethodError (NoSuchMethodError: The method 'then' was called on null.
    Receiver: null
    Tried calling: then(Closure: (dynamic) => Null))
    "There's an error like this. Help me

    • @backslashflutter
      @backslashflutter  2 роки тому

      set location priority to high and then try to do this

  • @tanvibansal7690
    @tanvibansal7690 Рік тому

    from where did you copy the custom class at 54:14

    • @backslashflutter
      @backslashflutter  Рік тому

      you can always use this website to convert the json code to dart model, just copy the json output and paste on this website and you have your model present!!
      javiercbk.github.io/json_to_dart/

  • @abhilearn115
    @abhilearn115 Рік тому

    what theme are you using?

  • @deepanshurohilla2114
    @deepanshurohilla2114 2 роки тому +2

    There are too many files created in your model/weather folder but in my case only two files were created current.dart and weather.dart
    Plz help 🙏🏻

    • @backslashflutter
      @backslashflutter  2 роки тому

      copy everything that you receive from json query and install the dart model creator extension that I showed. and repeat the same steps. If nothing works, then oplease clone the repo

    • @deepanshurohilla2114
      @deepanshurohilla2114 2 роки тому +1

      @@backslashflutter yeah it worked thanku so much

    • @backslashflutter
      @backslashflutter  2 роки тому

      @@deepanshurohilla2114 thanks for being part of this channel ❤️

    • @ahmedshaikh8682
      @ahmedshaikh8682 Рік тому

      My card was denied while subscribing to the API is there any solution, please help.

  • @mohamdjamal6266
    @mohamdjamal6266 2 роки тому +1

    Nice can you create a totrial about navigation in web with getx like go_router thx

  • @ashishranjan7586
    @ashishranjan7586 2 роки тому +2

    great content....requesting bloc videos

  • @praiseodeyemi3629
    @praiseodeyemi3629 2 роки тому

    This was interesting. I hope you create more projects in the Future.

  • @AkshyaChaudhary591
    @AkshyaChaudhary591 Рік тому

    whenever i'm using that json to dart model extension its giving an error { " Command JSON to DART : From Clipboard' resulted in error (unexpected token u in JSON at position 0)}

    • @backslashflutter
      @backslashflutter  Рік тому

      drive.google.com/file/d/1RMizX35ld0csWRfyAkDEGfH077elggQn/view?usp=drive_link
      Final source code, and this is the website which i will suggest for json to dart model
      javiercbk.github.io/json_to_dart/

  • @rajeeell
    @rajeeell Рік тому

    which state management technique has been used in this project?

  • @yuvrajyadav4592
    @yuvrajyadav4592 Рік тому +1

    Your card is declined problem while we are click on payment , please help

  • @hitesh2293
    @hitesh2293 Рік тому

    Wonderful tutorial 😃

  • @patricksartola
    @patricksartola Рік тому +1

    good tutorial other than for a beginner its really hard to keep up without pausing the video every 5 seconds to understand what you just did

    • @backslashflutter
      @backslashflutter  Рік тому +2

      Sorry about that, but please understand this part also on this channel i have people from all areas with different level of flutter. So if i spend explanaing each and every small things in detail then this video will go 10 hours in duration. Hope you understand.

  • @muhammadzubairtahir9849
    @muhammadzubairtahir9849 2 роки тому

    In API tem = "temp": 273.23" but in same time weatherwebsite shows temp in Manhattan 6 c please guide me why?

    • @backslashflutter
      @backslashflutter  Рік тому

      Sorry for delay reply, can you please let me know if you are still having this issue.

    • @muhammadzubairtahir9849
      @muhammadzubairtahir9849 Рік тому

      @@backslashflutter thank you for your attention currently I'm learning the basics of flutter, after that I will continue this project.

  • @tejaskhot3228
    @tejaskhot3228 Рік тому

    can this code will run in andriod based app

  • @Emeishiwu
    @Emeishiwu Рік тому

    the allow location permission pop up is not showing in my app 34:11 i'm still getting the blanc white screen

    • @pedrozajohnclarkl.4641
      @pedrozajohnclarkl.4641 Рік тому

      I'm not using IOS so yeah, I have the same problem as you. If you have found the solution can you help me my good sir?

    • @mayankvatsa3710
      @mayankvatsa3710 10 місяців тому

      paste this in your manifest file.

  • @muhammadalifdanielbinmohdh3188
    @muhammadalifdanielbinmohdh3188 2 роки тому

    Does this work on android and ios

  • @AdityaSharma-is8rx
    @AdityaSharma-is8rx Рік тому

    I want to add functions for city search through name that will show the weather information of that city. Can anyone help me with it..?

    • @backslashflutter
      @backslashflutter  Рік тому +1

      i am working on a weather app will soon tell everyone how this can be done

    • @AdityaSharma-is8rx
      @AdityaSharma-is8rx Рік тому

      @@backslashflutter Thanks for the response and will be trying to figure it out myself till the video is out..!

  • @YilmazSefa
    @YilmazSefa Рік тому

    I am using an android emulator but when I run it I get the loading icon and I don't know how to fix it
    @Backslash Flutter

    • @backslashflutter
      @backslashflutter  Рік тому

      you can check this source code mate
      drive.google.com/file/d/1RMizX35ld0csWRfyAkDEGfH077elggQn/view?usp=drive_link

  • @ashwitapal4324
    @ashwitapal4324 Рік тому

    I'm getting a "Null check operator used on a null value" in the application in the weather_data.dart file
    Please help sir, it's urgent
    Sir, can you please help me to solve a problem in this application

  • @ghulammurtaza7959
    @ghulammurtaza7959 2 роки тому +1

    I wanted this weather app with provider package 🥺

    • @MrCamdere
      @MrCamdere 2 роки тому +1

      Why Provider?

    • @JohnnyFantaOrange
      @JohnnyFantaOrange 2 роки тому +2

      @@MrCamdere it's recommended by Google for state management.

  • @tejaskhot-wn8gz
    @tejaskhot-wn8gz Рік тому

    what to do for location permissiion for android

    • @backslashflutter
      @backslashflutter  Рік тому

      please check this source code here: drive.google.com/file/d/1RMizX35ld0csWRfyAkDEGfH077elggQn/view?usp=drive_link

  • @samarthprajapati1572
    @samarthprajapati1572 Рік тому

    Sir, can you please help me to solve a problem in this application

    • @samarthprajapati1572
      @samarthprajapati1572 Рік тому

      im getting a "Null check operator used on a null value" in the application in the weather_data.dart file
      Please help sir, its urgent

    • @backslashflutter
      @backslashflutter  Рік тому +1

      I have shared the source code with you over email

    • @samarthprajapati1572
      @samarthprajapati1572 Рік тому

      @@backslashflutter thankyou 🥺

    • @samipkhatiwada3688
      @samipkhatiwada3688 Рік тому

      sir can you send me too please same error

  • @khubaibirfan9215
    @khubaibirfan9215 2 роки тому +2

    Sir I am waiting for your responsive tutorial pls sir

  • @techysparta9227
    @techysparta9227 Рік тому

    api is not working in postman

    • @backslashflutter
      @backslashflutter  Рік тому

      why? I checked it was working. please check the final source code and your subscription on the api panel
      drive.google.com/file/d/1RMizX35ld0csWRfyAkDEGfH077elggQn/view?usp=drive_link

  • @nidhinlalp5267
    @nidhinlalp5267 Рік тому

    model creation is not working

    • @backslashflutter
      @backslashflutter  Рік тому

      nice emoji btw :hahha:
      here is the final project link: drive.google.com/file/d/1RMizX35ld0csWRfyAkDEGfH077elggQn/view?usp=drive_link

  • @yashlondhe7079
    @yashlondhe7079 Рік тому

    42:14

    • @backslashflutter
      @backslashflutter  Рік тому +1

      ??

    • @yashlondhe7079
      @yashlondhe7079 Рік тому

      @@backslashflutter it's for me, where I stopped the video and continue from there next time 😁

  • @sarathrkrishnan6610
    @sarathrkrishnan6610 2 роки тому +1

    ❤️

  • @toluademiluyi3646
    @toluademiluyi3646 2 роки тому +1

    This defeats the MVC architecture is of getx...which is supposed to help u aeperate ur business logic from you view

  • @sarthakraval6418
    @sarthakraval6418 Рік тому

    add git link in descri

  • @bobhero7
    @bobhero7 Рік тому

    Where do you belong to??

  • @duniyatv3204
    @duniyatv3204 Рік тому

    Plz give me a source code

    • @backslashflutter
      @backslashflutter  Рік тому

      drive.google.com/file/d/1RMizX35ld0csWRfyAkDEGfH077elggQn/view?usp=sharing

  • @halalminers880
    @halalminers880 2 роки тому +1

    Please crypto currency exchange app.

  • @atultiwari7361
    @atultiwari7361 Рік тому

    I have an error
    [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: PlatformException(NOT_FOUND, No address information found for supplied coordinates (latitude: 0.000000, longitude: 0.000000)., null, null)

    • @backslashflutter
      @backslashflutter  Рік тому +1

      YOu can see the latitude and longitude are 0.00 which means you are not fetching them correctly, here is final source code
      drive.google.com/file/d/1RMizX35ld0csWRfyAkDEGfH077elggQn/view?usp=sharing

    • @atultiwari7361
      @atultiwari7361 Рік тому

      @@backslashflutter thank you

  • @zeeshanahmad4476
    @zeeshanahmad4476 Рік тому

    E/flutter ( 7660): [ERROR:flutter/lib/ui/ui_dart_state.cc(198)] Unhandled Exception: type 'Null' is not a subtype of type 'Map'
    why i am getting that error plz reply

    • @zeeshanahmad4476
      @zeeshanahmad4476 Рік тому

      reply @backslashflutter

    • @backslashflutter
      @backslashflutter  Рік тому

      please check the source code for the final project. it is present here:
      drive.google.com/file/d/1RMizX35ld0csWRfyAkDEGfH077elggQn/view?usp=drive_link

    • @LuanReally
      @LuanReally 10 місяців тому

      I encountered the same issue and had to debug a bit to identify its origin and understand what I was doing wrong. The solution, at least for me, was to: Verify the API call and ensure its correctness, which was not the case; there was a missing attribute in the API link, leading to the error (the API returned a 401 unauthorized error, causing a null error). After correcting the link, it worked as expected.

  • @story50274
    @story50274 Рік тому

    Hi, I always get an error message, can I send it to your email to help me with this problem?

    • @backslashflutter
      @backslashflutter  Рік тому

      you can check the source code first, and then let me know
      drive.google.com/file/d/1RMizX35ld0csWRfyAkDEGfH077elggQn/view?usp=drive_link

  • @topGfanboy
    @topGfanboy Рік тому +1

    You have made it very complicated by making weatherdata everywhere..weather data, current weatherdata, weatherdata current, currently data weather, weatherly data current..etc.
    Making classes and files of identical names makes it super confusing...
    And you named dart Generated class as Weather which is again included in Json response.. So you got a weird weather class on 54:15 which is the main JSON parsed class

    • @backslashflutter
      @backslashflutter  Рік тому +1

      thanks for your suggestion. I knew this was something that was done a long time ago, hopefully if community need weather application videos, then will create some good code for it