Routing in Flet with Python in 3 Min (Tutorial)

[@FilipeBluesboy]

Man, I really thank you for that example! The documentation of Flet is a little bit obscure about a lot of functionalities. Thanks for helping the community!

[@bobhoward4530]

Thank you. Hands-down, the clearest explanation I’ve found on routing. Much appreciated.

[@codingjq]

Glad it was helpful! I hope to make more videos as useful as this one.

[@naresh2423]

Thanks alot bro, This video really helped me alot. though it is 3 minutes, it made some sense. thanks again. i ve subscribed your channel just because of this 3 minutes video, im looking more from you..,thanks again.

[@AJXD2]

Thank you for this. I was having trouble with routing and couldnt understand it, but you explained it perfectly! Thank you man you earned a sub

[@codingjq]

Glad it helped! I hope to get back to putting out more useful stuff.

[@sergioariela.mondino8479]

Excellent!!! Clear and clean concepts. Thank you very much for sharing knowledge!!! I value it a lot!!!

[@robertodibon]

Thanks, it is an excellent description and you are very neat at coding. It's a really quality content!

[@stathislp3712]

Thank you for this video! Really helpful and straight to the point! Will definitely help me with my current semester assignment

[@codingjq]

Glad it helped! I hope to add value the community. Good luck in your classes. Feel free to share your repo if you open source it!

[@fabsync]

Love your teaching style! It will be great if you create a tutorial on a simple app with folder structure and auth pages and postgresql like a chat app...

[@codingjq]

Thanks for the suggestion. I think will do exactly that. I’ve been moving around for my day job so I haven’t been uploading but looking forward to putting up more tutorials!

[@d00ppic67]

thY!!! You're awesome for using classes instead of functions! Please use even more classes instead of functions!

[@codingjq]

Thanks! I've been finding more and more use cases for object oriented programming the more I tools I try. I hope to talk more about how I decide to go with classes over a pure functions in the future.

[@aviralshastri]

How can we pass parameters to the other page ??

[@RAHULWADEKAR007]

Sir please make a video tutorial on flet-route

[@Eduardo-ug9ui]

Muchas gracias. Sencillo y aplicable en cualquier componente de navegación. Gracias.

[@codingjq]

Gracias por las palabras amables y el apoyo. Espero hacer otro video en este tema

[@Eduardo-ug9ui]

@@codingjq al contrario. Tu vídeo me sirvió para sacar adelante mi aplicación. Gracias nuevamente. Agradecemos los vídeos.

[@yuridelossantos569]

Please make a video on ListView over adding item when the end of list is reached.

[@raJeshraOte14]

thanks pls make beginner friendly flet videos🙏

[@dboydomr]

Hey! Thanks for the comment. I published a What is Flet video and a KZbin Dowloader UI. Are there different beginner friendly concepts that you’re interested in? I’m happy to work on in!

[@raJeshraOte14]

@@dboydomr woww thanks - I'm a UI designer, so if you could make more apps (or UI) using classes, it would be helpful to me as I learn to code. I'd want to provide a reference (flet playlist), but unlike you, he doesn't include an explanation in his videos (youtu.be/qRqxAUC 4oA ) therefore it would be beneficial if you could please make additional videos using classes.

[@codingjq]

Ok! I'll try my best. I'm familiar with Line Indent. They put out great UIs in their tutorials but not my style (pretty obvious I like short and fast!)

[@AliBhai-v5w]

Okay and if i want to add a page where i dont want to display NavBar then?

[@horaciofcneto]

Good morning. I'm a beginner and I'm developing an application in flet with Python, and I would like each Enter in the textfield field to make the cursor jump to the next one. As if the Tab key was pressed. can anybody help me?

[@1mrnewton]

This is super awesome

[@codingjq]

Thanks, Dude. I really like how you went about it and I really think I need to revisit this and make it easier AND with more features for the Dev new to Flet to use.

[@1mrnewton]

@@codingjq man you made it look more simpler

[@arvinacosta1978]

Nice work. Hoping you can create the CRUD.

[@codingjq]

Thanks. I actually go over a CRUD with Firebase as the db here: kzbin.info/www/bejne/qH23n6uAl8-NnNU

[@madorart]

thanks for the video, but i have a problem with this method, i dont know if you know what can be, i have a ListView in one of the views, but no scrollbar is showing, without this method the scroll bar work fine.

[@JoséNicolasCumacoPesca]

Hola, tengo un problema que no encuentro el porque. Realice el codigo tal como lo hiciste y funciono perfecto, pero, dentro de app_bar, añadi otro elemento, un NavigationRail, para usarlo en diferentes paginas, pero al momento de llamarlo es como si el elemento estuviera vacio, no me trae nada, no se visualiza, y he probado colocando mas contenedores, filas, columnas, pero no funciona. Puedes tener alguna pista de que puede estar pasando? Gracias

[@codingjq]

Disculpe el retraso. Si quieres, puede traer esta pregunta a mi discord y podramos conseguir el problema discord.gg/HNutPPPh

[@LoChanNelSyber]

What is the purpose of sending `ft` in parameter?

[@latephoton6426]

Does it handle back buttons correctly ? Since there is no popping and pushing from the page.views stack ?

[@codingjq]

I’ll look into that!

[@azamtoiri]

Hello can you do some examples with routes like /user/:id

[@mariosantella4842]

Thank you. How to use the NavigationRail or the NavigationBar instead?

[@codingjq]

I’m looking into doing a quick tutorial on that too! Those are fairly fun and quick to implement. Here, my intention was to show how to implement a custom router.

[@guillermopalmieri8907]

Gracias!!🤩

[@chitaminfo]

I want login page with no navigation, after log go to main page with navigation

[@codingjq]

Off the top of my head, I would probably manage this by having two main views. One view is the login page and the second view is the navigation page. The navigation page will have “sub views.” If you want to chat specifics feel free to ask on my discord!

[@bracha17]

hi great video! how can i pass a parameter along with the function that calls the next page (and switch between views? for example i need to pass an object or reference to object from one page to another to use that object in that new page. thanks!

[@codingjq]

You can extend the router to accept data between views!

[@aaroncatolico7550]

I have an app that I'm working on and not sure if it's best to use routes in my situation. Say that I have a lot of data that my app is collecting and I keep everything on one page, even though Flet is multi-threaded, I'm concerned about the performance since I currently have everything on one page and the app will be very large. Should I be using separate pages or routes in order to prevent the program from being bogged down or lagging since a lot of data is being added to the current page? It's mainly to be used a desktop app at this point.

[@codingjq]

If it’s a desktop app the amount of data you are reading shouldn’t be a problem if it’s already on the users hard drive but if you are fetching the data from a server then maybe there can be some efficiency factored in by by splitting the apps into pages or splitting the data into several requests. I’d have to know more about the app to help out. Feel free to talk more here or chat in my discord. Thanks for posing the question either way!

[@raymarvin8818]

how do you import a variable from a different page to be used in another page?

[@codingjq]

It depends what you mean here. If you are talking about a variable that is going to be used everywhere as a constant, you may just be able to place it in one place and import it everywhere or declare some sort of global variable. If you mean to pass a variable that is created or modified one page to the next page that you are navigating to, you can place that information in the data load for the FletRouter to pass to the next page. That is, instead of "return content" at the bottom of the respective page function, you can "return {content: content, data_load: your_variable}", handle that variable in the FletRouter and use it in the following page. If you want to discuss further, feel free to contact me on my discord and we can talk through it. :)

[@codingjq]

This is just one way to accomplish this. Does anybody recommend any other methods?

[@SP-db6sh]

Why not use Tab, ready made solutions for easy switching between pages !

[@codingjq]

Tabs is one solution and great for the example in this video where we are using the tab buttons to navigate but it (A.) does not scale up to to X amount of pages and (b) does not implement use the URL name conventions out of the box.

[@d00ppic67]

Please add to next code how u will send data between pages

[@codingjq]

I will! I'm going to post a video about using Firebase as part of the backend for Flet. In order to ensure that we pass information from page to page, I've decided to code my Router class to handle a "on load" object which is a hook on the page being loaded to execute upon being painted. Source code to come!

[@eddielicea3740]

Thanks Bro !!