![FlutterFlow](/img/default-banner.jpg)
- 406
- 6 224 715
FlutterFlow
United States
Приєднався 22 гру 2020
Design, develop and launch native mobile and web apps - coding optional
The best part? Download the entire project with 1 click.
Get Started → flutterflow.io/
The best part? Download the entire project with 1 click.
Get Started → flutterflow.io/
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.
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
Effortless Interactive Walkthroughs with FlutterFlow: A Guide
Переглядів 9 тис.3 місяці тому
Effortless Interactive Walkthroughs with FlutterFlow: A Guide
This is great but according to FlutterFlow's docs this video is supposed to be about the icon requirements for uploading custom icons.
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
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
4:52 😂😂 most people born in past. Now I understand that there some people were born in future
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
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!
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
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
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
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.
4:50 "Most people born in the past", he killed me XDDDD
now it is paid
What about the backend part
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
Beautiful!
uploading both images and video is important too, but we are choose images or video, is there solution please?
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.
This is one of the things we're focusing on in the next couple months. Thanks for the feedback.
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
Congratulations FF team from Algeria 🇩🇿🇩🇿🇩🇿🇵🇸
Great event , thank you 😍🤩🤩🤩
🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉
can you make a weather app? :D thanks
how do i clone the comments demo ?
Flawless ❤
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...
Hi im stuck at 20:58 please help 😢
The options are not in there in my project and it says current variable is not valid
If you don't see it it's probably because you need to provide a name for the action output variable
@@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
@@FlutterFlow I have watched the video multiple times to see what step I didn't do but I can't find it.
min 13:15 everyone gangsta till you NEED CUSTOM CODE
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.
Can you show the correct way to do it? Thank you.
@@dogstank I'm making a free course on youtube I will make sure it'll be in there
Please would love to let users upload images. How to do that?
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?
Here are the instructions for setting that up: ua-cam.com/video/uri_Mwp_eAY/v-deo.html
@@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! 👍🏿👍🏿👍🏿
Thanks for this video I’ve been waiting for the 2nd part.🎉🎉
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.
FINALLY!!!! THANKS!!!!!!
Is there any app which is in use now(means on playstore it will be) which is created by flutterflow
stream=true, the most amazing feature, thanks. custom action is useful and clear.
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)
Coming very soon...
@@FlutterFlow that would be a beautiful surprise :)
chatHistory; GenerateChildren, all concepts learned from this video, thanks.
Project link? Thanks in advance
Finally, after a month❤❤❤
Great tutorial! Thanks! I would appreciate an addition of image input and chat history.
Nice tutorial. How do you have the chat history? Aren't you passing the text field message in the prompt?
Please add the image option to upload the image and ask question from gpt4o
I wish I could do dis😭😭 But am having trouble paying for the API credits in my country 😭
If we import from csv, into flutter - data will appear in firebase?
LOVE IT!
Thank you for all the videos!!! would be so nice to find one with the swipeablestack
The previous example stopped working after the June 12, 2024 update. If the list is empty, it no longer updates as expected
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?