App Development || Tutorial 3|| Beginner Tip "Change screens with a button click" in Thunkable

Key Takeaways

hi everyone welcome back to my channel called for kids so today we are going to learn about different concepts in app development so today we will see how you will perform your screen navigation how you will add multiple screens in your project okay so let's start on today's paths okay so here we will click on start today now so by using this screen you have to create your project okay so what you have to do if you want to create a new project you need to just click on this plus button over here you have to write your project name so suppose i want to write screen navigation because autodesk project is based on screen navigation you have to select a category so you can select one category or more than one now we need to just click on a create button so once you will click on the create button you will get one new project for you okay so how we will perform the screen navigation so over here first if you want to change background color of your full screen you need to just click on your background color so from here you can select your favorite color so even you can add some shades also so as you can see after your screen one you have one plus button so you need to just click on that you will get one more screen so in this way you can create your multiple screens okay here i want to select suppose this color so now we have a two screen so what i want like when i click on button on the screen one it will redirect me to this screen too so this is very simple you need to take the button so what you will do you have to just drag and drop the button over here whatever shape you want for your button you can take again i want one more button here also whatever shape i want i have to just take now as you can see in the button we have the text pattern so we will remove the text we can write anything so whatever you want you can write suppose i want to write i know and this one is my signing [Music] okay okay after that even if you want to change your button color so you need to just select your button whatever color you want you can add okay now how we will add the instruction how we will add our coding so as you can see we have a design we have a blog so we need to just click on a blog so once you click on a blog you will get your different screen over here also we have a to screen okay so what i want when i click on button one it will redirect me to my screen too what i will do click on button when i take this when button one is click so when button one is click so we want to navigate means redirect from one page to another so here you need to just click on control properly navigate but as you can see this is a screen one we want screen too okay now if i will run this project if i will click on sign in nothing will happen why because till now we not added any coding here so if you will click on sign up you will get this page so here you can write welcome to sign up page you can write just one text welcome now if you will run this project here you will get welcome to sign up page so in a same way if you want to add one more screen you need to just click on this plus button you will get that here we want to write welcome to sign in page okay so in the text we can write welcome to now now what you have to do here in your sign in also you have to do the same coding so you need to just click on block now this is our button too so when button 2 is click so we have to just go to the control take this and now we want to navigate to our screen free now if you will run this project if you will click on sign in that will redirect you welcome to the signing page so in this way we can create a project about how how you will redirect from one page to another okay so in this video we saw like how you will read it from one page to another so please like share and subscribe our video okay and press the bell icon if you want more latest updates so thank you so much