GridView | FlutterFlow University
Вставка
- Опубліковано 22 чер 2024
- In this tutorial, we dive deep into the powerful GridView widget in Flutter, helping you create clean, consistent, and responsive layouts for your apps. We cover topics like scrolling direction, cross-axis count, child aspect ratio, spacing, shrink wrap property, and more. Learn how to build layouts inspired by popular apps like Apple Photos, Apple Podcasts, Calculator, and TikTok search page.
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. - Наука та технологія
I don’t even build websites or apps but I’ve watched everyone of this guy’s web flow videos - so glad to hear him on flutterflow
This guy's presentation is just captivating and amazing 👍
Aww, thanks:)
Yes always a great production. But, of all the video/ tutorial request and the mountains of perpetual questions asked within the community you chose the next video to be grid layouts? Probably one of the most self explanatory widgets available. Just mess with parameters (aspect ratio being the only tricky one) and it self demonstrates how it works. It further substantiates the claims and frustrations that the FF team ignores the community along with other comments, questions, or requests. It’s a shame because the product is absolutely AMAZING and revolutionary. I’ve personally gotten 9 different people using the product in the last 3 months. So many people can now make their dreams a reality.
Hi Chris, do you have some videos that you would like to see next?
@@FlutterFlow I agree, very good tutorials indeed!! Personally, I would like to see how to import geo data through the api in json format and display it on a map.. Can't get my geodata imported correctly so I must be missing something somewhere and Googling learns me I'm not the only one having trouble so a small demo is highly appreciated :)
Give this man a raise! So good, thank you for confronting errors as well and explaining why it’s happening
We'll pass along the recommendation:)
Amazing explanation and tone. Please more tutorials like this one ❤
These videos are so good. Thank you so much for this!!!
The voice is so soothing, you should create a medication app.
Impressive. Flutterflow is really amazing
awesome, please more Mastering videos about other great widgets. Thanks
👍
Need a tutorial on making responsive app for mobile web and tablets,since rows built in laptop overflows in mobile and a lot more problem
I really like these, thanks. Question - please explain what happens on different screens. For e.g. if you had your 3/cross-axis grid and the user went landscape mode, or viewed on web, what happens. I'd like for them to see more, maybe 5/cross-axis but I'm guessing that's not what happens.
It would be amazing to be able to set the cross axis via a variable or parameter so that you can have a truly responsive grid for different screen sizes.
That's a great idea, thanks Sandro!
Yes! It's really not responsive without this.
thanks to share this!
You bet! Thanks for watching!
Nice tutorial
Several possibilities! 💜
😉
Now I need to design a screen ... are the examples shown at the end available to study?
We have been waiting for FF to do Grid view infinity scroll, do you know when it's coming?
When he's explaining it seems so easy. Then I go to FlutterFlow and some things DO NOT work like they're supposed to. For example, I have a button with conditional visibility that is supposed to show only when a chipset is active (the initial one). So, when the chipset is changed that button should be gone, but it's still there... So, this... and that... and that... And it becomes frustrating, makes me wanna quit.
what about infinite scrolling ? it’s very important to load more pages
No, GridView doesn't have infinite scrolling but it is optimized for performance and lazy-loads offscreen children.
why cant i duplicate the containers in the gridview? instead i have to drag every one by individual
Love flutterflow
We love you 💜
If I use conditional viability on a container, how do I make it to where the rest of the Gridview fills in and doesn’t leave an empty space? For instance user a blocks user b and all of user Bs post disappear
Child Aspect Ratio no longer accepts float values. I am having a hard time locating docs that fully explain this. Do you have any advice or recommendations as the video (which is excellent by the way) is slightly different?
😓Please can you make a tutorial for making a dashboard and connecting it to the cofee shop app showed in a previous tutorial ?
It will be very useful thx 😊
coffee shop app*
yes i need help
Hey guys. Better wrap gridview with expanded. Turning on shrink wrap will be non performant on huge grid views.
How can a backend database be used to create the grid view?
Is appwrite in the roadmap?
I need like this tutorial so we can master FlutterFlow tool and how to build real world app
How to make 9:16 grid column ?
Can I do auto-duplicate list content in GridView, same as I can do it with ListView?
Hi Karol, by "auto-duplicate" do you mean bind it to backend data like from Firebase or an API call? If so, absolutely!
Plz dont neglect choice chips they are of great used but less discussed , a tutorial ?????
Is it possible to make an infinite horizontal scroll of card-like components similar to the thumbnail in the linked video?
I currently have a 4x4 grid of products for my e-commerce app, but want to instead just have 1 row I can scroll horizontally
ua-cam.com/video/TLT9vOj2s38/v-deo.html
Launch your ai text to app.
Coming soon:)