FlutterFlow
FlutterFlow
  • 406
  • 6 224 715
How to Use Open AI's GPT-4o in FlutterFlow - Part 2
In this second video in the series Integrating Open AI's newest model, GPT-4.0 Omni, in FlutterFlow, we'll cover three steps:
1. Structuring Backend
2. Designing UI
3. Implementing Logic
Setting up Firebase
ua-cam.com/video/o7qTUzw2-UQ/v-deo.html
If you have any questions, feel free to ask in the comments below. Let's jump into FlutterFlow and get started!
Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 www.flutterflow.com
Follow us on Twitter 👉 flutterflow
--------------
FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With drag-and-drop functionality, you can build pixel-perfect UIs and easily connect your app to live data via Firebase or APIs. Plus, you can add advanced features like push notifications, payments, animations, and more. Whether you build your own custom widgets or write custom code, FlutterFlow makes it easy to bring your app ideas to life.
Переглядів: 4 600

Відео

Recursive Components Tutorial | New Feature
Переглядів 7 тис.День тому
In this tutorial, we’re excited to show you how to create recursive components in FlutterFlow. We’ll guide you through setting up and configuring a component that can reference itself, allowing for powerful and dynamic user interface designs. 🔍 What You'll Learn: - How to set up recursive components in FlutterFlow. - Best practices for configuring Firestore to support recursive data structures....
Debug Panel | New Feature
Переглядів 4,8 тис.День тому
You can now see all your variable values in the new "Debug Panel". Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 www.flutterflow.com Follow us on Twitter 👉 flutterflow FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With drag-and-drop functionality, you can build pixel-perfect UIs and easily...
How to Resolve Package Dependency Issues
Переглядів 4,8 тис.14 днів тому
In this video, we'll explain what package dependency issues are and the different ways to resolve them. Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 www.flutterflow.com Follow us on Twitter 👉 flutterflow FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With drag-and-drop functionality, you c...
What's New in FlutterFlow | May 2024
Переглядів 12 тис.21 день тому
In this video, we cover all the new FlutterFlow updates in May 2024. These include some major updates like Data Type from JSON, custom Map Markers, and other small updates like Safe Area for Container, Support for Adaptive Icons etc. 0:00 - Intro 0:14 - Custom Map Markers 0:44 - Setting variable to Animation effects values 2:26 - Data Type from JSON 3:25 - Safe Area for Containers 3:56 - Improv...
Q&A with Leigha Reid | Head of Product @FlutterFlow
Переглядів 1,6 тис.Місяць тому
In this video Leigha (Head of Product & DevRel) response to the following questions: 00:00 - Can you export a component/page and use it in a (non-FlutterFlow) Flutter app? 00:51 - Can FlutterFlow detect which is the most optimized widget to use? 01:43 - What is the maximum team size for collaborating on a FlutterFlow project? 02:23 - Do you manage automatic golden tests? 02:41 - Can you use Flu...
How FlutterFlow Generates Flutter Code | Leigha Reid
Переглядів 11 тис.Місяць тому
In this video Leigha (Head of Product & DevRel) walk through how FlutterFlow generates the Flutter code to run you app. This was a talk given at Flutter Connection @ZTechConnection. Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 www.flutterflow.com Follow us on Twitter 👉 flutterflow FlutterFlow is a low-code builder for native apps, bringing...
How to Use Open AI's GPT-4o in FlutterFlow - Part 1
Переглядів 13 тис.Місяць тому
In this video series, I'll show you how to use OpenAI's newest model, GPT-4.0 Omni, in FlutterFlow. In this first video, we'll cover three essential steps: 1. Importing OpenAI's API library. 2. Configuring our API calls. 3. Modeling the data returned from OpenAI to ensure it's type-safe and easy to work with. We'll start by importing the API library from OpenAI, which is straightforward thanks ...
Drag & Drop Tutorial
Переглядів 12 тис.2 місяці тому
In this video we show you how to use implement drag and drop functionality in your app using the Draggable and Drag Target widgets. Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 www.flutterflow.com Follow us on Twitter 👉 flutterflow FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With drag-a...
Interceptors Tutorial | FlutterFlow
Переглядів 7 тис.2 місяці тому
In this video we explain how to use Interceptors in order to modify the request before it is sent and the response before it is returned. Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 www.flutterflow.com Follow us on Twitter 👉 flutterflow FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With ...
Introducing FabricFlow - A Drag and Drop T-Shirt Builder!
Переглядів 7 тис.2 місяці тому
This short documentary tells the story of the rise and fall of FabricFlow, FlutterFlow's attempted pivot to the custom printed t-shirt and hoodie space. Drag and Drop comes to Fashion! It was supposed to take the world by storm. Print your custom FlutterFlow Swag by going to fabricflow.io/. No, seriously - you can order custom FlutterFlow swag! Full product details available at min 4:00 - 6:30....
Navigation & Publishing | To Do App | FlutterFlow for Beginners
Переглядів 6 тис.2 місяці тому
In this video we'll finish the To Do app by adding navigation and publishing it to the web. Project File www.figma.com/file/vOkCE880DSL0XxadZocugK Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 www.flutterflow.com Follow us on Twitter 👉 flutterflow FlutterFlow is a low-code builder for native apps, bringing design and development into one to...
Building Completed Task Page | To Do App | FlutterFlow for Beginners
Переглядів 6 тис.2 місяці тому
In this video we show you how to build the widget tree and logic for the for the Completed Task Page. Project File www.figma.com/file/vOkCE880DSL0XxadZocugK Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 www.flutterflow.com Follow us on Twitter 👉 flutterflow FlutterFlow is a low-code builder for native apps, bringing design and development i...
Building Task Logic | To Do App | FlutterFlow for Beginners
Переглядів 4,8 тис.2 місяці тому
In this video we show you how to build the logic for the Task Details Page. Project File www.figma.com/file/vOkCE880DSL0XxadZocugK Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 www.flutterflow.com Follow us on Twitter 👉 flutterflow FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With drag-an...
Building Task Details Page | To Do App | FlutterFlow for Beginners
Переглядів 4,1 тис.3 місяці тому
Building Task Details Page | To Do App | FlutterFlow for Beginners
Introducing FlutterFlow for Windows | Local Run Support
Переглядів 9 тис.3 місяці тому
Introducing FlutterFlow for Windows | Local Run Support
Building Add Task Bottom Sheet | To Do App | FlutterFlow for Beginners
Переглядів 6 тис.3 місяці тому
Building Add Task Bottom Sheet | To Do App | FlutterFlow for Beginners
Building Tasks Page | To Do App | FlutterFlow for Beginners
Переглядів 8 тис.3 місяці тому
Building Tasks Page | To Do App | FlutterFlow for Beginners
Onboarding Actions | To Do App | FlutterFlow for Beginners
Переглядів 7 тис.3 місяці тому
Onboarding Actions | To Do App | FlutterFlow for Beginners
Building Onboarding Page | To Do App | FlutterFlow for Beginners
Переглядів 8 тис.3 місяці тому
Building Onboarding Page | To Do App | FlutterFlow for Beginners
Auth Page Logic | To Do App | FlutterFlow for Beginners
Переглядів 14 тис.3 місяці тому
Auth Page Logic | To Do App | FlutterFlow for Beginners
Auth Page Design | To Do App | FlutterFlow for Beginners
Переглядів 11 тис.3 місяці тому
Auth Page Design | To Do App | FlutterFlow for Beginners
Firestore Setup | To Do App | FlutterFlow for Beginners
Переглядів 11 тис.3 місяці тому
Firestore Setup | To Do App | FlutterFlow for Beginners
Firebase Setup | To Do App | FlutterFlow for Beginners
Переглядів 15 тис.3 місяці тому
Firebase Setup | To Do App | FlutterFlow for Beginners
Theme Widgets | To Do App | FlutterFlow for Beginners
Переглядів 10 тис.3 місяці тому
Theme Widgets | To Do App | FlutterFlow for Beginners
Figma Structure & Import | To Do App | FlutterFlow for Beginners
Переглядів 21 тис.3 місяці тому
Figma Structure & Import | To Do App | FlutterFlow for Beginners
Google's Gemini AI Now Available on FlutterFlow
Переглядів 12 тис.3 місяці тому
Google's Gemini AI Now Available on FlutterFlow
Introducing Local Run
Переглядів 4,4 тис.3 місяці тому
Introducing Local Run
Local Run | New Feature Tutorial
Переглядів 28 тис.3 місяці тому
Local Run | New Feature Tutorial
Effortless Interactive Walkthroughs with FlutterFlow: A Guide
Переглядів 9 тис.3 місяці тому
Effortless Interactive Walkthroughs with FlutterFlow: A Guide

КОМЕНТАРІ

  • @hackstack4933
    @hackstack4933 33 хвилини тому

    This is great but according to FlutterFlow's docs this video is supposed to be about the icon requirements for uploading custom icons.

  • @uniquejewelry3174
    @uniquejewelry3174 7 годин тому

    Hello. I want to show the marker as a price on the map like a airbnb. please add a new options or make a video showing how it's done

  • @uniquejewelry3174
    @uniquejewelry3174 7 годин тому

    Hello. I want to show the marker as a price on the map like a airbnb. please add a new options or make a video showing how it's done

  • @mincraftpe2951
    @mincraftpe2951 День тому

    4:52 😂😂 most people born in past. Now I understand that there some people were born in future

  • @dataslid
    @dataslid День тому

    I hate the fact that you guys are not responding to any issues that concerns the white blank screen issue at load times, on comments and in threads

  • @Harry-pz7uq
    @Harry-pz7uq День тому

    Hi, in the test mode for my app in Flutterflow, when I click 'Create Account', it comes up with ' Error: Database error saving new user'. Any help on how I can solve this and what I am doing wrong? Thank you!

  • @drstrange4161
    @drstrange4161 День тому

    Because flutterflow_ui >=0.2.0 depends on timeago 3.2.2 and yatri depends on timeago ^3.6.1, flutterflow_ui >=0.2.0 is forbidden. So, because yatri depends on flutterflow_ui ^0.2.0+1, version solving failed. Anyone know how to resolve this??? @FlutterFlow

  • @DougiFire
    @DougiFire День тому

    Great video but @flutterflow plz could you explain how you add a location on your map with information, it’s a important point and there no explication on this video , thx @flutterflow

  • @thatonesnowboarde
    @thatonesnowboarde День тому

    Idk how such a simple program and amazing application on the surface can be so annoying and frustrating to use there needs to be a flutterflow bootcamp or something because somethings just dont make sense, or doesn't work correctly

  • @mcolemanxc16
    @mcolemanxc16 2 дні тому

    I'm using a component to store my gpt chat messages and cannot access Page State variables from the component level, even though the component is nested under the chat_ai_page where I defined the Page State variables that you created around 7:00 I love FF but it's been an absolute disaster trying to create a functional gpt bot. The premade flows are different that these tutorial videos, the API setup is confusing, the bot can't handle UTC encoding even those I pass UTC-8 encoding in the content header of the API call, and due to the problem above, I can't get the bot to remember the chat history. Ya'll should look at Poe AI to see how they handle bot creation. The FF UI should look a lot more like Poe's to enable rapid development of chat bots. Honestly, I'd rather just build this bot in python - it seems easier that way.

  • @mineshopstore2456
    @mineshopstore2456 2 дні тому

    4:50 "Most people born in the past", he killed me XDDDD

  • @TRUENATION-ic4gv
    @TRUENATION-ic4gv 2 дні тому

    now it is paid

  • @izharahmed7463
    @izharahmed7463 3 дні тому

    What about the backend part

  • @bit_Jon_Trader
    @bit_Jon_Trader 3 дні тому

    Hi, FlutterFlow team. I have a full working app in Flutter, which, sadly, I can't import into FlutterFlow. Anyway, I thought maybe I could import the Figma instead and work the logic and backend within Flutterflow. But also I can't. Bravo Studio has been able to import Figma into a NO CODE environment; why do you guys struggle to create a simple solution? I have done tons of research and couldn't find any intelligent import/export solution. Any advice? Thank you

  • @clanflow-gf5le
    @clanflow-gf5le 3 дні тому

    Beautiful!

  • @youtubers
    @youtubers 4 дні тому

    uploading both images and video is important too, but we are choose images or video, is there solution please?

  • @PA20243
    @PA20243 4 дні тому

    FF Team can you start working on bugs? Development starts to be really hard because of how everything works. Less cool new features, more focus on bugs fixes pls.

    • @FlutterFlow
      @FlutterFlow 2 дні тому

      This is one of the things we're focusing on in the next couple months. Thanks for the feedback.

  • @royAB3822
    @royAB3822 4 дні тому

    It would be a big help to update these tutorials to the current version - many of the dialogs here have changed so the flow is now confusing to the point of making this (almost) useless

  • @djallalmohammadguemidi2698
    @djallalmohammadguemidi2698 4 дні тому

    Congratulations FF team from Algeria 🇩🇿🇩🇿🇩🇿🇵🇸

  • @djallalmohammadguemidi2698
    @djallalmohammadguemidi2698 4 дні тому

    Great event , thank you 😍🤩🤩🤩

  • @djallalmohammadguemidi2698
    @djallalmohammadguemidi2698 4 дні тому

    🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉

  • @user-xv9ih4ob6k
    @user-xv9ih4ob6k 4 дні тому

    can you make a weather app? :D thanks

  • @jai_v
    @jai_v 4 дні тому

    how do i clone the comments demo ?

  • @fiyinfoluwaawopetu1559
    @fiyinfoluwaawopetu1559 4 дні тому

    Flawless ❤

  • @putinninovacuna8976
    @putinninovacuna8976 4 дні тому

    Why don’t you show us how to properly upload images into Firebase Storage? There isn’t even an easy way to achieve this without hardcoding. Why can’t we choose the bucket path where we want to upload our generated images? We cant do this in the flow editor action...

  • @ivonicolas18
    @ivonicolas18 4 дні тому

    Hi im stuck at 20:58 please help 😢

    • @ivonicolas18
      @ivonicolas18 4 дні тому

      The options are not in there in my project and it says current variable is not valid

    • @FlutterFlow
      @FlutterFlow 4 дні тому

      If you don't see it it's probably because you need to provide a name for the action output variable

    • @andresgordillo4414
      @andresgordillo4414 2 дні тому

      @@FlutterFlow Can you explain better how to solve the problem, I am facing the same problem but I can't find a way to solve it and I don't understand where to provide a name for the action output variable since it is a custom function and does not allow passing values

    • @andresgordillo4414
      @andresgordillo4414 2 дні тому

      @@FlutterFlow I have watched the video multiple times to see what step I didn't do but I can't find it.

  • @raparaparapaDum
    @raparaparapaDum 5 днів тому

    min 13:15 everyone gangsta till you NEED CUSTOM CODE

  • @adeterminedpolarbear
    @adeterminedpolarbear 5 днів тому

    This is good; however, as I mentioned previously, you shouldn't hardcode your API key in the front end. I also feel you should show people how to limit message lengths to prevent token overflow and create new chats. It is cool you can do this from within FF but its a major security risk. I know FF launched Cloud Functions not too long ago but theres really no videos on it which I think would be cool to see if they can make some. Nonetheless the structure is the same whether you use an API call or a cloud function youd be passing in the old messages to chatgpt.

    • @dogstank
      @dogstank 4 дні тому

      Can you show the correct way to do it? Thank you.

    • @adeterminedpolarbear
      @adeterminedpolarbear 3 дні тому

      @@dogstank I'm making a free course on youtube I will make sure it'll be in there

  • @DavidZafra
    @DavidZafra 5 днів тому

    Please would love to let users upload images. How to do that?

  • @broadwall5456
    @broadwall5456 5 днів тому

    Okay I’m kinda stuck at 9:31 it mentions something about authenticated users, I don’t have this parameter set. How do I add it?

    • @FlutterFlow
      @FlutterFlow 4 дні тому

      Here are the instructions for setting that up: ua-cam.com/video/uri_Mwp_eAY/v-deo.html

    • @broadwall5456
      @broadwall5456 4 дні тому

      @@FlutterFlow thanks for getting back me I actually found that very same video, although I’m having issues when running the new chat response, I did it exactly the same as you but nothing. I’ll be honest and admit I know very little about how api calls are made so I’ll spend a day just understanding and conceptualizing what exactly is happening here. But thanks again for the video and the reply! 👍🏿👍🏿👍🏿

  • @broadwall5456
    @broadwall5456 5 днів тому

    Thanks for this video I’ve been waiting for the 2nd part.🎉🎉

  • @MarlonVan
    @MarlonVan 5 днів тому

    Great video, how do we hide the "update task" button when in view mode of the task details and only show the button after the edit pencil icon button is clicked? Any help would be great or point me in the right direction. Thanks in advance.

  • @hasymiller
    @hasymiller 5 днів тому

    FINALLY!!!! THANKS!!!!!!

  • @sejalkathed4870
    @sejalkathed4870 5 днів тому

    Is there any app which is in use now(means on playstore it will be) which is created by flutterflow

  • @user-df1zf9ti2w
    @user-df1zf9ti2w 5 днів тому

    stream=true, the most amazing feature, thanks. custom action is useful and clear.

  • @davhad
    @davhad 5 днів тому

    Steaming needs to be made no-code-level easy to implement with FF given that users expect that level of responsiveness from any app (otherwise they'll use chatgpt directly)

    • @FlutterFlow
      @FlutterFlow 5 днів тому

      Coming very soon...

    • @davhad
      @davhad 3 дні тому

      @@FlutterFlow that would be a beautiful surprise :)

  • @user-df1zf9ti2w
    @user-df1zf9ti2w 5 днів тому

    chatHistory; GenerateChildren, all concepts learned from this video, thanks.

  • @koen.mortier_fitchen
    @koen.mortier_fitchen 5 днів тому

    Project link? Thanks in advance

  • @user-hs2ih7pk3b
    @user-hs2ih7pk3b 5 днів тому

    Finally, after a month❤❤❤

  • @janmolski
    @janmolski 5 днів тому

    Great tutorial! Thanks! I would appreciate an addition of image input and chat history.

  • @bedirhano.2269
    @bedirhano.2269 5 днів тому

    Nice tutorial. How do you have the chat history? Aren't you passing the text field message in the prompt?

  • @amazingvideos4824
    @amazingvideos4824 5 днів тому

    Please add the image option to upload the image and ask question from gpt4o

  • @David_tommy
    @David_tommy 6 днів тому

    I wish I could do dis😭😭 But am having trouble paying for the API credits in my country 😭

  • @fresh4lyph
    @fresh4lyph 6 днів тому

    If we import from csv, into flutter - data will appear in firebase?

  • @techbrotalks
    @techbrotalks 6 днів тому

    LOVE IT!

  • @Emicss
    @Emicss 6 днів тому

    Thank you for all the videos!!! would be so nice to find one with the swipeablestack

  • @stivenramirez7597
    @stivenramirez7597 6 днів тому

    The previous example stopped working after the June 12, 2024 update. If the list is empty, it no longer updates as expected

  • @mauromiotello
    @mauromiotello 7 днів тому

    In the video you explain very well a case which, however, I think is uncommon. Try this case: On a page I have a text widget that takes the value from the json field of a Datatable, I want to open a Bottom Sheet where the user can modify the content, when saving, the content is copied into the text widget and then saved in the DB How would you do it?