Build a page in FlutterFlow

[@tediak140]

Hi flutterflow team! I am curious to know if there is ever going to be a flutterflow academy or bootcamp. In other words a way to learn flutterflow and become and expert.

[@thelabarchitect]

Another awesome tutorial! Thank you for continuing to work on the videos. This helps a lot. 🙏

[@petersunday1111]

It is evident that the level of world's info tech growing astronomically. Am so impress

[@enamu]

I was looking for the way to enable scrolling the whole page, and found the answer here. Thanks a lot for this nice tutorial!

[@didiDanaila]

Nice tutorial. We know that flutter runs on android, ios, web and desktop. Maybe next time you'll show us how to design responsive app with flutterflow

[@perseusgeorgiadis7821]

FlutterFlow is a UI builder. You still have to know how to code to make an app. FlutterFlow just makes it 100 times easier

[@rakeshrajappan_CreativeBrain]

Awesome tutorial with Flutter Flow basics. Thanks for this video and Thanks for making Flutter flow tool.

[@mre8340]

Hey! Good tutorial, thanks for sharing this info! I would love it if when you do these, you briefly explain some of the elements you assume we know, like instead of saying "set elevation to 0" you could say that + "elevation does THIS." I'm not familiar with the Flutter Flow verbiage yet, so this would be an added benefit if you think about it! Thanks!

[@ts1iTSHWANELO]

Hi, You may already know, in Material - elevation indicates the degree of "drop shadow" onto the main app body. Assuming the same applies here :)

[@obong_samjoe]

​@@ts1iTSHWANELO he does not know, that's why he is asking...

[@jiqoynicholas1280]

Yeah I'm thinking the same thing. Most of the setting changes for each element is assuming we know. We don't 😕

[@obong_samjoe]

my friend lied saying this makes coding flutter 10X better , i think it makes it 100X better

[@RameshPachamuthu]

Thanks for this awesome tutorial. How do I scroll right and left to see the horizontal list of copied images?

[@KoolturaCrafts-vp6wh]

Come on it can't be this easy lol. Wow so amazing.

[@AldrichCarrasco]

is flutterflow good for web app or it is only good for mobile app ?

[@vam820]

Can you please make a video on this frequently asked question on flutterflow community. Providing scenario below. If there are 3 users A,B,C. All 3 have uploaded some images in their profiles. Now if A is following B then A should be able to see only B's uploaded images on his feed. A shouldn't be able to see C's images since A is not following C. All images should be displayed in latest to oldest order on feed. Just like Instagram!!!! If possible use sniff template to show an example. Please make a video on this please!! please!!!

[@vince2nd]

Actually they do have a video explaining this, Firestore part 1 & 2. Its outdated but was actually kinda decent. Esp the part 2 video. You'll have to watch it a few times for sure but it wasnt terrible

[@vam820]

@@vince2nd they didn't explain about follow buttons and its actions in that video

[@lisam7428]

So very helpful. Would love to see a version where the content for cards is pulled from a database and filtered by “most recently created” and tagged as “featured list item”.

[@MrMaikeul]

Easy peezy. Here’s how you do it: On the list: set a db query on the collection you’d like to query and sort per the creation field of each document in that collection. Your collection documents need to have a datetime field so you can sort. Featured list would be something similar where your collection may have a field called “featured” with a Boolean value (yes/no). In the list query, you can then filter & sort on that field.

[@hayzedgraficz]

Please how do you scroll horizontally with mouse

[@otmaneallaoui1750]

keep it go flutterflow 🎉🎉🎉

[@Shshidk]

How do you get a variety of app bar with that button??

[@joel.ujacha]

this video is so cool !!!!

[@prasanjithtillekeratne4168]

Thanks

[@sebastianaccinelli4205]

Tysm, did everything as described

[@Namita212]

Awesome tutorial.Thanks.

[@GrandPrixGal]

How do you scroll in 'List View'? Anybody?? Major oversite for beginners!

[@Biggestchocolava]

Did you figure it out? Please help

[@MarifMohammed]

How would I dynamically build the page to show based objects based on the data received from the backend?

[@Janaemania]

That’s kinda still my question. It’s not a lot of information for backend things

[@ibratuber]

.Thank you with all my heart 👍👍🙏🙏🙏

[@lmimperiocorretoradeseguros]

nos estamos no brasil tem que ser em portugues ufa

[@ShivKumar-zy8ev]

THANKS ALOT!!! LOVE U

[@cesarsfalcao]

Nice video, FF editor is so powerful to design a native app UI so quickly - and dark mode included! My feedback: the video was a little faster for my liking in some parts. I didn't use the navbar because, at first sight, it was ugly as heck, thanks for the nice example. Nice font, I loved it. I didn't know you can select nested items by clicking on the element tab, cool. You skipped what "primary" and "shrink wraps" means. As you're building the page it makes sense to display the page tree. Why did you use just a text element in "Trainings" and not drag it inside a row? Does it make a difference to use padding in a row/column or the items inside it?

[@vince2nd]

Yea this is one of the things i struggled with in the beginning and youtube flutter programmers all seem to approach it differently. Personally i put everything in a row or column mainly because its easier to align stuff properly. And also when applying padding i hated having padding on rows, and sometimes on text, other times on an image, etc. No design standards... so as a rule i put everything in a row or column and apply padding to that. It also saves time if you need to adjust stuff... you dont need to waste time checking every element to see what the padding was on. Shrink Wrap makes the GridView contract to the size of the thing he's designing. By default the grid wants to take up the entire screen. So what he did was to enable it then change the size of the container so it expands around the content and NOT take up the entire screen.

[@cesarsfalcao]

@@vince2nd thanks for the answer. About rows and padding, I do exactly as you said, but it came on my own, so it's cool to hear from others. What about the "primary" setting?

[@vince2nd]

@@cesarsfalcao primary is a difficult one to explain. But basically.. when it's turned off the grid or listview will stop "trying to scroll" if there is nothing else to scroll. If it's turned on the grid/list will still try to scroll even when it's at the end. That's my basic understanding. If you're an Android user, when you scroll to the end of something there's usually a blue indicator so you know it's the end.. I think when primary is disabled you get that indicator.. and there's another thing called the scroll controller which controls how things scroll 😐 ... If primary is enabled it just scrolls however scrollcontroller tells it to or something like that.

[@cesarsfalcao]

@@vince2nd thanks man!!

[@abdssamadelyoussfi7552]

Thanks man!

[@Alksbbch]

Can you make tutorial how build alarm app?

[@desktop6681]

How to scroll horizontally ? Move the middle wheel with SHIFT key doesn't work.

[@Levelstomymaddness]

Can i import from figma?

[@ismaelnunezpena9052]

hello friend ?? can you tell me if this program al

[@davidjohnkottarathil2342]

how to make it responsive for web

[@GrandPrixGal]

Good tutorial. How do I scroll right and left?

[@GrandPrixGal]

How do you scroll in List View? Anybody???

[@jcab20]

@@GrandPrixGal try going to the "Preview" mode then once it loads use your mouse like normal to scroll.

[@Ncoherent369]

@@GrandPrixGal figured it out. I was trying to scroll with my mouse, but I tried the trackpad and it worked with the trackpad scrolling left and right like what he did in the video here 7:42

[@renanpk10]

An easy way to make filters a little more complex, like dates

[@ArdiUtamaIDWGD]

how to swipe left container? 11:28

[@gypsyzoo2041]

How to scroll horizontally with a regular mouse? Move the middle wheel with SHIFT key doesn't work.

[@Biggestchocolava]

Did you figure it out?

[@Ncoherent369]

Use your trackpad to scroll sideways. The mouse scroller won’t work unless you somehow alter your mouse settings

[@noahpenguin2842]

Can I make my own app and earn from that

[@vince2nd]

how do you scroll horizontally with a regular mouse? I would love to know this secret. The only way i know to scroll horizontally is using a trackpad on my laptop, but what if i had a desktop without a trackpad? Using the mouse wheel only scrolls vertically and when the grid is horizontal that doesnt work

[@didiDanaila]

If you wish to make your mouse scroll horizontally Press SHIFT and then use the Middle mouse scroll wheel. This works if the page is large enough to be scrolled horizontally. You could see a scroll bar at the bottom. You could also press the middle mouse button once.

[@didiDanaila]

I use two fingers on my Chromebook

[@vince2nd]

@@didiDanaila No that doesnt work (Shift Scroll wheel). Using Google Chrome, WIndows 10, doesnt work in firefox or Edge either. Neither listview or gridview. Horizontal scroll only works if using a trackpad

[@cesarsfalcao]

Click the mouse button and drag. Once I had a mouse that has a vertical scroll too.

[@wahomemutahi1008]

Niiiceeee

[@georgezorbas9036]

Guys...why everything is super difficult? I learned to use Framer in 15 minutes and I can move everything where I want!

[@maginixx]

please show how infinite scroll as you the API data country 100 for example, if every 3 records show, when you pull to the end, the data in the column, all had to load more 30 what already gives 60 , and each time that you load more automatically and dynamically incrementing until you give the 100 total records that come from the json API listed, I at flutterflow so far have not put a function that does this automatically, and this feature is extremely important, crucial for those who have many records coming in the api and wants to load everything in the app inside a listview or wrap column, as if it is pulling the pagination little by little but with auto increment in the column called scroll au increment, I don't know how to work with code and I chose to pay and use flutterflow for being a non-excellent option, but now we don't provide this fun that is very important and we need more, urgently please if there is any way to help ask what to help, because I'm crashing 1 me s in my app I can't solve this I have many no json banks I wanted to bring it little by little and on a screen as if it were all the data per record divided by pages because there are many, but I'm not trying to do it because the platform doesn't give that option , help me answer. OBS: the name of the system I'm talking about is: Increment content in Column from API On pull To refresh we need auto Increment content in Column from API On pull To refresh, automatic , this tool still doesn't have it when you create the query chidrens in the column passing the content, please help we need this I can't finish my project I want to sign the plan but no I can even finish this, I need to bring the API records that come per page are 30 on each page, I don't know how to work with code, I don't have time for that, and I need to finish my project to be able to pay the plan and download my code, for Please could you implement this au increment tool as the person pulls the scroll to the end and the query increments the amount of record you want to appear until giving the final record value returned by the API in json. please help paste this function, we are waiting, until then I will wait to be able to change my plan from free to premium. thanks !! if you need help, just tell me and I'll pay you to put a tool already ready in that part that when you click on On Pull to refresh, it updates the api data, with auto increment updating the data by pagination according to the amount of record chosen by the developer in the tool part > (Generating Children from Variable) in "Max Items" if you put every 10, for example from the json API, of 50 it would load 10 records 5 times each time the user scrolls to the end the records listed within the list view or Wrap column, all automatically, without having to change code or anything like that, if you need help with this I pay for it because it costs a lot to finish my project, and I depend on this, thank you and until later I stay in I wait !

[@hajji384]

0:26 - 2:40

[@AmazingRenders]

Is there any possibility of buying the company?

[@Diablist]

you cannot afford it babe

[@lmimperiocorretoradeseguros]

sou brasileiro e não usa

[@jakedice3713]

So