Easily Build SUPER CUSTOMIZABLE Widgets in FlutterFlow! (FlutterFlow Tutorial 2022)

Поділитися
Вставка
  • Опубліковано 13 січ 2025

КОМЕНТАРІ • 63

  • @szymon2030
    @szymon2030 2 роки тому +5

    It's great that you showed how to make an audio player! I have waited a long time for this! All tutorials about audio players and sound effects will always be appreciated. Maybe you will also show how to make, for example, that after clicking on the container music can be played and its color changes when the music is active?
    I am waiting for more audio players. Thank you!

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

      Thank you Szymon, will do!

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

      Hi James, All your flutterflow videos are great 👍. Please make tutorial on record audio feature too 🙏

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

    The only video explains in easy way the logic of widget constructing to avoid beginer's errors. Thanks a lot!

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

    Hey James, I am currently working on an MVP for an audio app for Independent artist. If you have time to do a part 2 to this video showing the implementation of adding the other controls that would be great. Thank you sir and I hope this message finds you well.

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

    Hey James, would love to see a tutorial on how to create a matching algorithm used on dating apps!

    • @engridmedia
      @engridmedia 6 місяців тому

      You still want this?

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

    Great video I’m also trying to start a Music app but I ran into a problem when I try to add discrepancy for some reason they won’t accept them can you help

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

    Great video James yes please more audio videos. We are looking to sign up to your patreon shortly. Waiting for more content - thanks

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

    Thank you for all your tutorials on Flutterflow....Can I recommend something you can do next??A discussion forum

  • @snowballconcepts4564
    @snowballconcepts4564 2 роки тому +6

    James -
    I get one more error than you do, in two places. On line 25 and line 51, I get, "The argument type '_AudioPlayerWidgetState' can't be assigned to the parameter type 'WidgetsBindingObserver'.
    How do I go about fixing this error?
    Any Help ?

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

      same issue

    • @Alex-by4zm
      @Alex-by4zm 2 роки тому

      me, too.

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

      Good new : ChatGpt fix the code for me !

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

      Just replace this code "class _AudioPlayerWidgetState extends State {" with this code: "class _AudioPlayerWidgetState extends State with WidgetsBindingObserver {"

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

      @@finnk2012 thanks you that solves it

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

    This is very interesting. I will like to see more videos like this.
    I have been trying to customize an expandable grouped list, but am stuck doing it.
    Do more videos on this with the parameters feature etc. Thanks

    • @skert0209
      @skert0209 8 місяців тому

      Let me know if you ever figure this out I’m also stuck

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

    can you help us install a color picker via where users pick thee color HEX code or selecting the color on the palette

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

    Great content and tutorials to FlutterFlow, thanks James. Definitely following your Patreon. Cheers!

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

    Very useful as usual !

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

    Hi, how could I pass an asset audio to the audioSource? If possible hope you could show how to loop audio and keep it playing when switching pages and in the background. Thanks for this tutorial it's a great starting point : ))

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

      use .setAudioSource(AudioSource.uri(Uri.parse("asset://assets/audios/yourfilesname.mp3"))); // it didn't work on my android emulator, some said it is the emulator bug, but I don't have a physical device to check this out. Have you figured it out yet?

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

    thanks so much for the video!

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

    Hi James, question if I may. Is this the same method I should try and use to for an image.picker from the phone gallery ?

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

    Hey James, Thank you for your great job! Your channel is really the best for nocoders. Maybe you can tell me how to make the application not minimized when pressing the "back" button, but the navigation in the webview works ? It's very important for me. TY

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

    Splendid content! Very nice!

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

    Excellent content. Congratulations.

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

    Hi James, would you help me with loading local audio asset with just_audio in flutterflow? It can load network url find, but not local assets. I downloaded the code and see the file structure to be assets/audios/file.mp3 should I added any prefix to the path? Thank you very much.

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

    Any idea on how to make the audio play at lock screen?

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

    Please show how to embed unity in a flutter🙌

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

    im getting an error.
    the argument type _AudioPlayerWidget State cannot be assigned to the parameter type WidgetsBindingObserver
    any advice?

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

      how did solved this .. i get the same errors

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

    Hey, I was wonder what should I do if there is no common file such as yours on the github of the plugin. Thank's.

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

    how to import in custom widget image from assets folder ?

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

    Hey I'm having trouble getting dynamic links to work with flutterflow, didn't know if you had gotten them to work/could explain it to me? Just found your channel but your putting out great stuff. Keep it up!

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

    Any widget that supports live stream audio?

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

    How can I Add others Icons like next and previous play, 10 second back and forward etc please help me to give source code

  • @LUC-M
    @LUC-M Рік тому

    Interesting! Thanks :)

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

    I have the following error message: "The argument type 'String?' can't be assigned to the parameter type 'String". How to solve it?. Thanks!

  • @민규-q7o
    @민규-q7o 2 роки тому

    very very thanks you this video

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

    James I get one more error than you do, in two places. On line 25 and line 51, I get, "The argument type '_AudioPlayerWidgetState' can't be assigned to the parameter type WidgetsBindingObserver'. How do I go about fixing this error?

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

      Same Issue...
      Any help ?

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

      I got a Patreon membership and he posted this code in there and that one compiles. Sharing in case you want to get it there. Thanks James!

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

      @@GuinevereTO if you look at the video here at 9:00 you see a red mark on line 25 at 9:01 that red mark is gone. that is the issue we are having. i guess we need to subscribe

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

      @@GuinevereTO What the code? post it here

    • @sonn.andrey
      @sonn.andrey Рік тому +1

      Asked chatGPT and it fixed the code by extending on this line: "class _AudioPlayState extends State with WidgetsBindingObserver {"

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

    Pls add background music tutorial!

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

    Bro i need your help , i watch your all FlutterFlow Video but i can't understand how to make quiz option, pls do tech me or make another video how to create quiz app

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

    Thank you, you saved me

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

    And secondly, are you using the free version of Flutterflow for all your tutorials?

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

    in a simple no-code easy method from bringing custom things from PubDev to flutterflow, we'll still need to know how programming works to be able to know which lines to delete, etc. No easy method unfortunately.

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

    i need to add rich text editor to my app, but all i see here is pain, pls guide me again sir 🥺

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

    James...code a lot

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

    ❤️

  • @Dailypreneur-s7w
    @Dailypreneur-s7w Рік тому

    Désolé, j'ai suivi 5 fois ce tuto mais pour moi ça ne fonctionne pas

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

    the part where he goes in and FIXES and removes stuff and adds FINAL and all that was REALLLY HARD TO FOLLOW and he just really skimmed over that part - That was like the HARDEST PART - its where ALLLL THE ERRORS and stuff doesnt work -

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

    followed this step by step getting TWO error NOT in the video.. here are the error i got:
    Custom Code Errors
    AudioPlayerWidget
    The argument type '_AudioPlayerWidgetState' can't be assigned to the parameter type 'WidgetsBindingObserver'.
    Line 34, Character 53
    Undefined name 'SystemChrome'. Try correcting the name to one that is defined, or defining the name.
    Line 35, Character 5
    The name 'SystemUiOverlayStyle' isn't a class. Try correcting the name to match an existing class.
    Line 35, Character 48
    The argument type '_AudioPlayerWidgetState' can't be assigned to the parameter type 'WidgetsBindingObserver'.
    Line 63, Character 56
    'HiddenThumbComponentShape.paint' ('void Function(PaintingContext, Offset, {required Animation activationAnimation, required Animation enableAnimation, required bool isDiscrete, required TextPainter labelPainter, required RenderBox parentBox,
    Line 330, Character 8
    Cancel
    Try compiling again

    • @thebicycleman8062
      @thebicycleman8062 Рік тому +4

      i think it is coz they updated alot of these packages, anyways gpt4 FIXED IT - btw all of the error were the same in the video except these 2:
      1: The argument type _AudioPlayerWidgetState cant be assigned to the parameter type WidgetsBindingObserver - line 34, Character 53
      and the 2nd error is
      The argument type _AudioPlayerWidgetState cant be asigned to the paramter type "WidgetsBindingObserver
      - and gpt4 magically suggested this and it worked:
      The actual code snippet fix was to make the _AudioPlayerWidgetState class a subclass of WidgetsBindingObserver. This is done by adding with WidgetsBindingObserver after extending State.
      Here's the modified class definition:
      dart
      Copy code
      class _AudioPlayerWidgetState extends State with WidgetsBindingObserver {
      // ...
      }
      This change allows _AudioPlayerWidgetState to implement the required WidgetsBindingObserver methods and be assigned to the parameter type WidgetsBindingObserver without any issues.
      //hope this helps anybody who also faced this - peaceee