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

Поделиться
HTML-код
  • Опубликовано: 15 июл 2022
  • Get more content by supporting me on Patreon!
    / jamesnocode
    👊 subscribe to channel: bit.ly/3c0q4XT
    More NoCode training videos 👇👇👇 (scroll down)
    👍 FlutterFlow training:
    • FlutterFlow Overview a...
    👍 Bubble.io training:
    • Introduction To Bubble...
    👍 Appgyver training:
    • AppGyver
    👍 Thunkable training:
    • Thunkable
    👍 Adalo training:
    • Adalo Tutorial for Beg...
    👍 Glideapps training:
    • Glide
    👍 Apify training:
    • Apify
  • ХоббиХобби

Комментарии • 61

  • @igs6789
    @igs6789 Год назад

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

  • @benjaminhoushmand6532
    @benjaminhoushmand6532 2 года назад

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

  • @sheldon11a
    @sheldon11a 2 года назад

    Splendid content! Very nice!

  • @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

  • @charlottem8401
    @charlottem8401 Год назад

    Very useful as usual !

  • @MauroMequelussi
    @MauroMequelussi 2 года назад

    Excellent content. Congratulations.

  • @LUC-M
    @LUC-M Год назад

    Interesting! Thanks :)

  • @user-wz6kp9nx9z
    @user-wz6kp9nx9z 2 года назад

    very very thanks you this video

  • @supermario4552
    @supermario4552 Год назад

    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

  • @WoodYouLikeSomeMilk
    @WoodYouLikeSomeMilk Год назад

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

  • @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.

  • @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!

  • @robinforeshew2665
    @robinforeshew2665 Год назад

    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 ?

  • @infinixbolt5851
    @infinixbolt5851 2 года назад

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

  • @stevenchiang1430
    @stevenchiang1430 6 месяцев назад

    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.

  • @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 🙏

  • @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.

  • @North977
    @North977 11 месяцев назад

    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

  • @snowballconcepts4564
    @snowballconcepts4564 Год назад +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 Год назад

      same issue

    • @Alex-by4zm
      @Alex-by4zm Год назад

      me, too.

    • @stigfingers9599
      @stigfingers9599 Год назад +1

      Good new : ChatGpt fix the code for me !

    • @finnk2012
      @finnk2012 Год назад +1

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

    • @nabilboulezaz3488
      @nabilboulezaz3488 Год назад +1

      @@finnk2012 thanks you that solves it

  • @Chainsketch
    @Chainsketch Год назад

    Thank you, you saved me

  • @maciej12345678
    @maciej12345678 7 месяцев назад

    how to import in custom widget image from assets folder ?

  • @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

  • @YosephAbeye
    @YosephAbeye 6 месяцев назад

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

  • @chukwuebukanwajagu5922
    @chukwuebukanwajagu5922 10 месяцев назад

    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 2 месяца назад

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

  • @MrBraveGaming
    @MrBraveGaming Год назад

    Any widget that supports live stream audio?

  • @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!

  • @faisalahmed6804
    @faisalahmed6804 2 года назад +4

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

  • @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

  • @andreaseneres9581
    @andreaseneres9581 8 месяцев назад

    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 6 месяцев назад

      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?

  • @mpeka6508
    @mpeka6508 2 года назад

    ❤️

  • @manageradv6905
    @manageradv6905 4 месяца назад

    Please show how to embed unity in a flutter🙌

  • @icp2640
    @icp2640 Год назад +3

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

    • @stigfingers9599
      @stigfingers9599 Год назад +1

      how did solved this .. i get the same errors

  • @infinixbolt5851
    @infinixbolt5851 2 года назад

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

  • @natlusrun
    @natlusrun Год назад

    Pls add background music tutorial!

  • @GuinevereTO
    @GuinevereTO Год назад +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 Год назад

      Same Issue...
      Any help ?

    • @GuinevereTO
      @GuinevereTO Год назад

      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 Год назад

      @@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 Год назад

      @@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 {"

  • @marklive33
    @marklive33 Год назад

    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

  • @user-gg8sf2sm7s
    @user-gg8sf2sm7s 11 месяцев назад

    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