Thanks for watching. You can now compile your app to apk for android or ipa for ios. You need to upgrade your flet version to atleast 0.18 . To build, run: Flet build --org example: flet build apk --org com.example.myapp
Thank you! You're the only one who showed me how to change pages! Well, or am I just inattentively watching / reading the flat documentation. I beg you, make a video on how to write one page in one file, another in other. Thank you very strong!
Hi, great video! How did you manage to keep the app refreshing in the background? Everytime that i want to see changes, i need to restart the app using terminal.
Video Related: 2:118:59 the preview of the application - two pages 4:16 importing flet for tutorial/demo purposes as "from felt import *" in production code: do "import flet as ft" or "from flet import ( x, y, z, ... )" 14:24 suppos speedup starts here 26:35 watch later (or maybe runthrough at 16x) 55:21 seems that second page content starts here 1:00:48 yeah, it doesn't show the OOP way Documentation Related: 9:23 flutter: child; flet-python: content 9:47 Stack( controls=[] ) 12:03 Row( controls=[] ) 13:28 Column( controls= ) 13:36 Container( child= ) {singular} 16:26 alignment='spaceBetween' 19:22 appending elements with for loop
Thank you so much for the great tutorial, i am trying to do it side by side watching your video, the icons menu, search and notification outlined is not white colored, i dont know why its not appearing as white, their color is getting mixed in to the background color. could you please help?
Amazing video, it's game changing to see a Python GUI looking this good. When I run the code from your Github for this tutorial, the GUI doesn't load and remains blank. I have Flet setup and other tutorials/demos are working. Any ideas why this might be?
Nice video sir. Sir please can you make a video on how to use flet for the front end and django for the backend? we are many of us waiting for such a tutorial, you will be the first on youtube to do it. thanks
i just finished side by side coding and learnig and found out create_task_view is not in this video , even if you might not able to provide another video on this can you provide complete code atleast so i can look at it and learns please. 🙏🙏
As a newbie to coding. Curious, is the method shown in this video the same way we display output of code in general? ( visual) I'm trying to find ways to create an AI Python robot to integrate into mt4 as an EA i wanted to find a way to watch it train
i am not getting output in a right way . How this text is working well because when i wrote it , text comes with icons after that took help of chatgpt but it making another container there i also got some issue like content = categories_card because i already used content= text(values="category"),
hi , I wanna ask you somthing , after making the UI and the backend with sqlite3 for example, how can i turn it as android app and install it on mobile
thank you for the tuto much appreciated. please when i tried using your custom checkbox i encountered a AssertionError stating that the control must be added to the page first so what am i doing wrong and i cannot check the boxes
@@1mrnewton thank you for your answer! I tried that. But i got some errors doing it. Would be nice if you make a video about it with an example! Couldn't find one anywhere.
Hey i just have a question as your theme is dark mode but my theme instead is light mode and i have used functions like theme = Theme(color_seed_blah blah = dark) but it doesnt work, could you help with that? Thanks!
Mr. Newton, what do you think about programming in OOP? On your way is pretty easy to program and I love it, but I have saw a lot of annoying people saying "yuck, aren't you programming in OOP?" and something like that
Using OOP for development is really recommended. Especially in GUI development. Makes things much easier. In some of my videos you can see I used OOP with component base structure.
Still kinda hard to maintain this flet codebase. I'm used to reusable components, but somehow with how python works, splitting components feels much more annoying, some widget won't update, or some state problems because python variables are just references. Maybe can you show some examples or best practices how to split flet into smaller components?
You should use classes. And inherit from the component. With that you have the ability to use the attributes. Example: you can inherit from the Container class, after that, just import it in your file, you have all the attributes. Also, same as custom controls, you can still inherit and do anything you want. Maybe I might create a video on that. I’ve been little off. Dealing with some issues. I’ll be back with more videos soon.
@@1mrnewton Thanks, hoping for you to be back soon, your videos are the most helpful resource to explore Flet, because there's still few of them even their docs still incomplete. Talk about splitting components, i did it but somehow it introduced some weird quirks. Like when i want to change page by clicking on a button, redirected to a new component that has View and Controls splitted each into their own file. But, if i want to add another button to go to another page, things starting to get weird like, Page doesn't want to refresh, even though i drill that as arguments for each components, but still. Maybe i've done it wrong?
hola mr Newton, a mi no se me autoactualiza el codigo al irlo escribiendo, tambien intente usar el comando flet -r y me da un error "ImporError: cannot import name 'git' from 'plumbum.cmd'" no se que sea
Just a question because i can't find this on the internet. Can I run the app through a virtual device just like the flutter and get the hot reload functionality?
Great work👋. My question is your indentation on vs code looks clean. do you use any plugin or something else. second question is the hot reloading is not working it gives me an error [flet : The term 'flet' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. ] thanks for your help it is really good content.
I’m using one monokai theme, “prettier” for code formatting, and “autopep8” for auto indentations fixing and additional code formatting. The issue with flet not recognized. Have you installed the flet framework? Install with: pip install flet Also which OS are you on?
Hey sorry for late reply, I think this is what you're looking for pg.window_bgcolor = colors.TRANSPARENT pg.bgcolor = colors.TRANSPARENT pg.window_title_bar_hidden =True pg.window_frameless = True Note: pg = page
@@1mrnewton Thank you! I figured it out on my own 🤯 You also need to add the page.add(container) line before app(), and delete the page.go(page.route) line, then it works! But if you click on "+" and go to create_task_view, then the background turns black and again goes beyond the boundaries of the main radius container. If you close it with the "X" button, then the black background remains under the container and does not disappear 😟
Me perdi en el minuto 17, de ahí en adelante no pude seguir con el codigo, una lástima,porque me estaba quedando bien, pero ahora el Whats up olivia y categories me sale con líneas rojas, creo que moviste algunas lineas de codigo y nosotros los neofitos nos perdimos
La aplicación se ve de lujo!! Felicidades. Dime cómo se llama ese tema que usas en vscode? Puedes explicarme por favor, cómo puedo implementar la barra de progreso en una descarga de videos usando el modulo pafy de python? Lo hice en ctkinter pero aqui en flet esta complicado. Gracias y saludos desde Ecuador
Hahaha omg i just downloaded yesterday your github repo! Its a nice starting point! But some animations are broken 🤔 Still a great starting point! 🤗 Thanks for it!
hi thank you for your tutorial, it's very helpful😀 If you know, could you please let me know how do we have unit test for flet application using pytest or unittest?
@@1mrnewton I think the question is : Why don't you need to rerun the program, because the app on the right change by itself (when you change the bg color for example)
I’m not sure that’s possible yet. I’ll make videos on that when update for that is out. But there some packages available to achieve it. You can browse the flet discord community for more details.
Hello, I am developing a desktop app, but I have a question, how can I make some correction in the code so that the users who use my desktop application can have the updated code? Being a correction, it should not be an alternative to update the app, but it should be a mandatory update. Amazing video.
So you can have api at somewhere and have the version of your app in database so that you can just check the version If the version is older, bring a prompt that ask to download or close And that’s all.
I have two questions: First: What's the solution to the error: The term 'flet' is not recognized as the name of a cmdlet , function , script ..... I installed flet using pip install and the spelling of command flet -r .... is correct Second: when I do run to the code the designed interface showed inside a full screen empty GUI , specifically in the left corner of it why?
First issue: which OS are you running? The issue was raised in the flet discord community and has been fixed. I recommend you check from there. Second: I recommend you send screenshot including your code issue in the discord community for help. You can @me in the #help. Username @mrnewton. Discord link: discord.gg/dzWXP8SHG8
17:00 Nope, I actually switched to the app i created before I did the tutorials, so I can show you what we going to create next. I hope this clears the confusion.
Thanks for watching. You can now compile your app to apk for android or ipa for ios.
You need to upgrade your flet version to atleast 0.18 .
To build, run:
Flet build --org
example:
flet build apk --org com.example.myapp
When I give the command this error appears:
The `flutter` command is not available in PATH. Install the Flutter SDK.
Then install sdk
finally someone showing something with a beautiful finish using flet, thank you very much
Muchas Gracias Mr. Newton , por fin he comenzado a entender FLET , creo que tiene muchísimo futuro 👏👏👏
Thank you! You're the only one who showed me how to change pages! Well, or am I just inattentively watching / reading the flat documentation. I beg you, make a video on how to write one page in one file, another in other. Thank you very strong!
Thank you!
I have a playlist with more flet examples, you’ll find more “separate pages” examples in the playlist. Check my profile.
Hi, great video! How did you manage to keep the app refreshing in the background? Everytime that i want to see changes, i need to restart the app using terminal.
Please advise how to deploy the Flet app to Apple appstore?
Video Related:
2:11 8:59 the preview of the application - two pages
4:16 importing flet for tutorial/demo purposes as "from felt import *"
in production code: do "import flet as ft" or "from flet import ( x, y, z, ... )"
14:24 suppos speedup starts here
26:35 watch later (or maybe runthrough at 16x)
55:21 seems that second page content starts here
1:00:48 yeah, it doesn't show the OOP way
Documentation Related:
9:23 flutter: child; flet-python: content
9:47 Stack( controls=[] )
12:03 Row( controls=[] ) 13:28 Column( controls= )
13:36 Container( child= ) {singular}
16:26 alignment='spaceBetween'
19:22 appending elements with for loop
WEB_BROWSER not defined error i also tried from flet import WEB_BROWSER
This is future of python
Thanks for sharing ..pls create more tutorials🙏
I'm glad you enjoyed it. More tutorials coming
Thank you so much for the great tutorial, i am trying to do it side by side watching your video, the icons menu, search and notification outlined is not white colored, i dont know why its not appearing as white, their color is getting mixed in to the background color. could you please help?
can it send notifications, use Bluetooth and web?
Amazing video, it's game changing to see a Python GUI looking this good.
When I run the code from your Github for this tutorial, the GUI doesn't load and remains blank. I have Flet setup and other tutorials/demos are working.
Any ideas why this might be?
did u fix it? im having the same issue.
@@whereissam69 hie did you find a fix?
hie did you find a fix?
What vs code extension you use for flet
Great teaching, congratulations!
Make a video showing how to turn it into an APK!
if i want to build a dynamic website, what is the best backend for flet?
Nice video sir. Sir please can you make a video on how to use flet for the front end and django for the backend? we are many of us waiting for such a tutorial, you will be the first on youtube to do it. thanks
How to use camera functionality?
i just finished side by side coding and learnig and found out create_task_view is not in this video , even if you might not able to provide another video on this can you provide complete code atleast so i can look at it and learns please. 🙏🙏
Excellent tutorial! Keep up the good work.
is it work on Phone?
Hi, how could you refresh app window without restarting a script?
As a newbie to coding. Curious, is the method shown in this video the same way we display output of code in general? ( visual)
I'm trying to find ways to create an AI Python robot to integrate into mt4 as an EA i wanted to find a way to watch it train
Which platform are you targeting ?
@1mrnewton thanks for the response! preferably mql4 or mql5 but i think it needs to pull from python for the ai model
i am not getting output in a right way . How this text is working well because when i wrote it , text comes with icons after that took help of chatgpt but it making another container there i also got some issue like content = categories_card because i already used content= text(values="category"),
hi , I wanna ask you somthing , after making the UI and the backend with sqlite3 for example, how can i turn it as android app and install it on mobile
I think you can now build to iOS ! I’ll make a video on that.
@@1mrnewton thank you for replying but i mean , convert the py code to APK eather android or ios
thank you for the tuto much appreciated.
please when i tried using your custom checkbox i encountered a AssertionError stating that the control must be added to the page first so what am i doing wrong and i cannot check the boxes
scroll ='auto' works to scroll to the side whats the equivilant to scroll down??
Thanks for this introduction to flet ! Is clear and very nice explained!
Wich VScode plugin are you using? Your code colors highlights are very nice !
its Color Highlight
Im trying to make a todolist app. Is there a way to save the notes between app restarts? Great video!
You use can the client storage object.
@@1mrnewton thank you for your answer!
I tried that. But i got some errors doing it. Would be nice if you make a video about it with an example! Couldn't find one anywhere.
Why does it feel like you coded everything backwards, or the structure if your code is backwards?
Works, but does not resume once put in background, anyone same issue?
from where you copy the code for custom_checkbox
?
some codes from where you paste?
Hey i just have a question as your theme is dark mode but my theme instead is light mode and i have used functions like theme = Theme(color_seed_blah blah = dark) but it doesnt work, could you help with that?
Thanks!
Mr. Newton, what do you think about programming in OOP? On your way is pretty easy to program and I love it, but I have saw a lot of annoying people saying "yuck, aren't you programming in OOP?" and something like that
Using OOP for development is really recommended. Especially in GUI development. Makes things much easier. In some of my videos you can see I used OOP with component base structure.
Still kinda hard to maintain this flet codebase.
I'm used to reusable components, but somehow with how python works, splitting components feels much more annoying, some widget won't update, or some state problems because python variables are just references.
Maybe can you show some examples or best practices how to split flet into smaller components?
You should use classes. And inherit from the component. With that you have the ability to use the attributes. Example: you can inherit from the Container class, after that, just import it in your file, you have all the attributes. Also, same as custom controls, you can still inherit and do anything you want. Maybe I might create a video on that. I’ve been little off. Dealing with some issues. I’ll be back with more videos soon.
@@1mrnewton Thanks, hoping for you to be back soon, your videos are the most helpful resource to explore Flet, because there's still few of them even their docs still incomplete.
Talk about splitting components, i did it but somehow it introduced some weird quirks. Like when i want to change page by clicking on a button, redirected to a new component that has View and Controls splitted each into their own file. But, if i want to add another button to go to another page, things starting to get weird like, Page doesn't want to refresh, even though i drill that as arguments for each components, but still. Maybe i've done it wrong?
hola mr Newton, a mi no se me autoactualiza el codigo al irlo escribiendo, tambien intente usar el comando flet -r y me da un error "ImporError: cannot import name 'git' from 'plumbum.cmd'" no se que sea
Which OS are you on?
You can also find help faster from the flet discord community: discord.gg/dzWXP8SHG8
Please what extension do you use to make those lines
I'm using Onemonokai, and prettier
You can watch this video where I setup my vscode: ua-cam.com/video/gCQGnYEBkh0/v-deo.html
why i write code my window not black , and nothing change inside like in your video...
"Excellent tutorial! I have a question. Do you think we can build an E-learning platform using Flet for both mobile apps and web apps?"
Yes, absolutely!
Just a question because i can't find this on the internet. Can I run the app through a virtual device just like the flutter and get the hot reload functionality?
Not yet.
nice app and effort bythe way how to see your application when you are coding
is it a native app ?
How do you like Flet compared to streamlit?
I haven't tried streamlit yet; Flet is awesome!
Great work👋. My question is your indentation on vs code looks clean. do you use any plugin or something else. second question is the hot reloading is not working it gives me an error [flet : The term 'flet' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify
that the path is correct and try again. ] thanks for your help it is really good content.
I’m using one monokai theme, “prettier” for code formatting, and “autopep8” for auto indentations fixing and additional code formatting.
The issue with flet not recognized.
Have you installed the flet framework?
Install with: pip install flet
Also which OS are you on?
@@1mrnewton i faced the same issue maybe he is in windows he need to create a virtual enviorment and install flet in it , then it works.
Man ,your channel are amazing
Thank you man
Could you help me? I didn't understand exactly how to pass the parameters of a file to main
I don’t get your question well🤔
Hi! How to remove black background of main window and top buttons? Leave only the main container with radius corners. Thanks
Hey sorry for late reply, I think this is what you're looking for
pg.window_bgcolor = colors.TRANSPARENT
pg.bgcolor = colors.TRANSPARENT
pg.window_title_bar_hidden =True
pg.window_frameless = True
Note: pg = page
@@1mrnewton Thank you! I figured it out on my own 🤯 You also need to add the page.add(container) line before app(), and delete the page.go(page.route) line, then it works! But if you click on "+" and go to create_task_view, then the background turns black and again goes beyond the boundaries of the main radius container. If you close it with the "X" button, then the black background remains under the container and does not disappear 😟
Thanks for your tutorial, it's great! Just a question, The background of the main window is white and the icons are black, how can i change it?
I'm changing the colors one by one.
For each icon, you can set the color=“name of color of your choice” or you can use the hashcode
add page.theme_mode="dark" right after def main():
Me perdi en el minuto 17, de ahí en adelante no pude seguir con el codigo, una lástima,porque me estaba quedando bien, pero ahora el Whats up olivia y categories me sale con líneas rojas, creo que moviste algunas lineas de codigo y nosotros los neofitos nos perdimos
Sorry about the confusion man.
Check in the comments I have explained it there.
La aplicación se ve de lujo!! Felicidades. Dime cómo se llama ese tema que usas en vscode?
Puedes explicarme por favor, cómo puedo implementar la barra de progreso en una descarga de videos usando el modulo pafy de python? Lo hice en ctkinter pero aqui en flet esta complicado. Gracias y saludos desde Ecuador
I’m glad you enjoyed it. I’ll try and make a video on download with progress bar and the package you mentioned. Cheers
Hahaha omg i just downloaded yesterday your github repo!
Its a nice starting point!
But some animations are broken 🤔
Still a great starting point! 🤗
Thanks for it!
Glad you like it, can I know where you have the problem?
Why do i have to double click on the buttons for new task and returning?
did you find the solution?
Sir how can i run flet on windows 8.1? I got error when trying to run the app on my windows 8.1 laptop.. please help 🙏
What error did you get?
When will ios/android implement flet?
I actually don’t know yet, but we hope it comes soon.
Mis iconos de notofocaciones y busqueda, estan de color negro, como lo puedo cambiar
agrega esto debajo de tu def main: page.theme_mode = "dark"
how about the performance of the flet?
Still needs improvement
Having issues packaging and building my project to dextop app
Which flet version are you on?
@@1mrnewton latest version, it's not detecting some imports, added them to hidden imports, still not working
hi thank you for your tutorial, it's very helpful😀
If you know, could you please let me know how do we have unit test for flet application using pytest or unittest?
I’ll research and make a video on that
Why do you have when you modify a color or write text to look in the application, the application happens and you don't need to run again, and me no
Sorry, come again. I don’t get your question well.
@@1mrnewton I think the question is : Why don't you need to rerun the program, because the app on the right change by itself (when you change the bg color for example)
ImportError: cannot import name 'CustomCheckBox' from 'custom_checkbox'
Make sure the CustomerCheckBox exists
not viable deploy to apk or api... today, but, perfect material dude
Thank you man, I’m glad you enjoyed it
Customecheckbox is no gone... sooo sad...
I don't get it. Come again?
Boss why are you not posting video now Adays
I’ll start uploading soon!
Excellent! Bravo!
Amazing tutorial!
Everything clear! Thank you!
Glad you enjoyed it❤️
thanks bro for this amazing tutorial , but how to build the project as a "apk" file ??
I’m not sure that’s possible yet. I’ll make videos on that when update for that is out. But there some packages available to achieve it. You can browse the flet discord community for more details.
@@1mrnewton thanks for the reply
@@OussamaSimon-z7s good news! You can now build to iOS. Android coming soon. Checkout the flet 0.8 release notes.
but how to deploy the app and release it to the play store?
Not possible yet.
Can you make a video on how to convert flet code in android (apk) and iOS software please
Once CLI build is ready, I’ll make a video on that🚀
Hello,
I am developing a desktop app, but I have a question, how can I make some correction in the code so that the users who use my desktop application can have the updated code?
Being a correction, it should not be an alternative to update the app, but it should be a mandatory update.
Amazing video.
So you can have api at somewhere and have the version of your app in database so that you can just check the version
If the version is older, bring a prompt that ask to download or close
And that’s all.
its possible build de backend in django and do de frontend in flet? it would be my inspiration
Yes! And I recommend that.
@@1mrnewton yeesss! Thank you!!
I have two questions:
First: What's the solution to the error:
The term 'flet' is not recognized as the name of a cmdlet , function , script .....
I installed flet using pip install and the spelling of command flet -r .... is correct
Second: when I do run to the code the designed interface showed inside a full screen empty GUI , specifically in the left corner of it why?
First issue: which OS are you running?
The issue was raised in the flet discord community and has been fixed. I recommend you check from there.
Second: I recommend you send screenshot including your code issue in the discord community for help. You can @me in the #help. Username @mrnewton.
Discord link: discord.gg/dzWXP8SHG8
@@1mrnewton
Ok
Thank you ❣️
How to deploy this python application into android mobile?
Not possible yet. People use PWA method to run on their phone, I’m not familiar with that yet.
Can u make a video on how to integrate payment gateways with python & flet.
I'll give it a try!
Nice Tutorial. So is there a way to compile with the flet fo APK
Not available yet, saw someone used PWA and installed the app with chrome onto his phone, not sure how, I'll research more and make a video on that.
Do you know any ways to compile this to an apk file?
not yet, I'm still researching, I'll edit this comment once I find something useful!
thanks man saludos from mexico
How to build apk for this code??
Not available yet.
Man do you have a clue when the flet team well manage to create an apk for android?
I have no idea when. But I have seen it’s on the official website, they need a c++ dev for either paid or free contribution on a section for that.
Excellent, thank you.
Glad you enjoyed it!
Please I need more of your videos ,
I’ll be uploading soon🎉
Best tutorial❤
Thanks! Good Job Man!
Great. Keep it up.
Thank you!
More tutorials coming
What is the quickest and easiest way to deploy the application into a mobile app? Does it require additional 3rd-party platforms?
For now, you can’t build it into mobile .
The developers are working hard on it. I’ll edit this comment when the release for that comes.
@1mrnewton I look forward to your response. Don't forget lol
Good information
How can you convert theses codes into apk?
Not possible yet.
@@1mrnewton Please notify us when it is possible.
@@prabindevkota001 sure!
How to build apk,ipa,
Not possible yet, we hope update comes soon
Hello sir, are you a Ghanaian?
Yes
Great, nice to meet you. I am as well.... Thanks so much for such a great content@@1mrnewton
Can you please tell me how to make it so that like you. So that I write code in real time and it displays all changes?
Desktop or mobile
if desktop, pass the -r argument
@@1mrnewton I mean to have a phone that shows all your activities like yours, thank you in advance.
Whatever confusion you did at 17 minutes is absurd. You minimized and did some trickery.
I still learned alot though. Thank you.
17:00
Nope, I actually switched to the app i created before I did the tutorials, so I can show you what we going to create next.
I hope this clears the confusion.
@Chris R I'm glad you did .🙏
Thanks!❤
Python flet hit React Native
It’s not fleet it Flu-tta (flutter)
Thanks!
Bro didn't understand the routing session flow
Sir give me python 3 tkinter formobile screen
You mean how to compile tkinter app to mobile?
COOL
Eres Latino, harias un video en español?
Sorry man, I am not Latino. I don't speak Spanish.
❤❤❤
i subscribe