{"id":4339,"date":"2022-02-26T08:01:35","date_gmt":"2022-02-26T08:01:35","guid":{"rendered":"https:\/\/brightchamps.com\/blog\/?p=4339"},"modified":"2026-02-02T13:08:26","modified_gmt":"2026-02-02T13:08:26","slug":"thunkable-screens-and-navigation","status":"publish","type":"post","link":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/","title":{"rendered":"How to Get Started with Screens &#038; Navigation in Thunkable [2023 Guide]"},"content":{"rendered":"<div class=\"yoast-breadcrumbs\"><span><span><a href=\"https:\/\/brightchamps.com\/blog\/\">Home<\/a><\/span> \u00bb <span><a href=\"https:\/\/brightchamps.com\/blog\/code-for-kids\/\">Code for Kids Corner<\/a><\/span> \u00bb <span class=\"breadcrumb_last\" aria-current=\"page\"><strong>How to Get Started with Screens &#038; Navigation in Thunkable [2023 Guide]<\/strong><\/span><\/span><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Welcome to this beginner&#8217;s guide on how to get started with screens and navigation in Thunkable! In today&#8217;s world, where technology plays a vital role in our daily lives, learning to create mobile applications has become an essential skill. Thunkable is a platform that allows you to create mobile apps without the need for extensive coding knowledge. However, starting with Thunkable can be overwhelming for beginners. This guide aims to help you navigate through the process of creating screens and implementing navigation in your Thunkable project. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Whether you&#8217;re an aspiring app developer or just getting started with Thunkable, this guide will provide you with the essential knowledge you need to get started with screens and navigation in Thunkable. So let&#8217;s get started!<\/p>\n\n\n\n<div class=\"wp-block-yoast-seo-table-of-contents yoast-table-of-contents\"><h2>Table of contents<\/h2><ul><li><a href=\"#what-is-thunkable\" data-level=\"2\">What is Thunkable?<\/a><\/li><li><a href=\"#h-how-to-get-started-in-thunkable\" data-level=\"2\">How to Get Started in Thunkable\u00a0<\/a><\/li><li><a href=\"#how-to-get-started-with-screens-navigation-in-thunkable\" data-level=\"2\">How to Get Started with Screens &amp; Navigation in Thunkable\u00a0<\/a><ul><li><a href=\"#h-screen-1\" data-level=\"3\">Screen 1<\/a><\/li><li><a href=\"#h-screen-2\" data-level=\"3\">Screen 2<\/a><\/li><li><a href=\"#h-codes-for-screen-1\" data-level=\"3\">Codes for Screen 1<\/a><\/li><li><a href=\"#h-codes-for-screen-2\" data-level=\"3\">Codes for Screen 2<\/a><\/li><\/ul><\/li><li><a href=\"#h-conclusion\" data-level=\"2\">Conclusion<\/a><\/li><li><a href=\"#h-frequently-asked-questions-faqs\" data-level=\"2\">Frequently Asked Questions (FAQs)<\/a><\/li><\/ul><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-thunkable\"><strong>What is Thunkable?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Thunkable is a mobile app development platform designed for beginners or those who do not know how to code. You can use this platform to develop and deploy applications on Google&#8217;s Play store, Apple&#8217;s App Store, and other platforms without writing a single line of code.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Its drag-and-drop function makes it easy for anyone to develop the app they desire. It was created at the Massachusetts Institute of Technology using the MIT App Inventor platform, a free app development platform that teaches anyone how to code apps.<\/p>\n\n\n<div id=\"cstm_banner_cta\"><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-get-started-in-thunkable\"><strong>How to Get Started in Thunkable<\/strong><strong>&nbsp;<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Before you begin, you must first create an account on Thunkable; if you already have an account, you need to log in.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After you&#8217;ve signed up or logged in, the screen should look like the one below.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">After that, click on create an app and begin with your app name, then select the categories, and don&#8217;t forget to check the <strong><em>&#8220;try it out<\/em><\/strong>&#8221; box<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-1-1024x452.png\" alt=\"Screens &amp; Navigation in Thunkable\" class=\"wp-image-4340\" style=\"width:768px;height:339px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-1-980x433.png 980w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-1-480x212.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s summarize the above in steps,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1<\/strong>: Create an account i.e. Sign up <em>(If you already have a Thunkable account Login)<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2<\/strong>: Click on Create an app<\/p>\n\n\n<div id=\"cstm_banner_cta\"><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3<\/strong>: Name your app<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4<\/strong>: Select a Category<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 5<\/strong>: Click on Create<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Note: Don\u2019t forget to check the &#8220;Try it out&#8221; box.<\/em><\/p>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-get-started-with-screens-navigation-in-thunkable\">How to Get Started with Screens &amp; Navigation in Thunkable&nbsp;<\/h2>\n\n\n\n<div style=\"height:35px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">After we created the project name and got ready for app development, the platform will allow you to edit a lot of things there, but for today&#8217;s blog, we will only understand how to create screens and how to navigate the screen.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So let\u2019s dive right into the steps!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"468\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-2-1024x468.png\" alt=\"screen after creating project name\" class=\"wp-image-4341\" style=\"width:768px;height:351px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-2-980x448.png 980w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-2-480x219.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><figcaption class=\"wp-element-caption\"><em>screen after creating the project name<\/em><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-screen-1\"><strong>Screen 1<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To begin, on Screen 1, we will add a label component, that will allow us to write text on the screen and can be obtained from the add components menu.<\/p>\n\n\n<div id=\"cstm_banner_cta\"><\/div>\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s look at the steps to edit Screen 1.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1<\/strong>: Simply select the label and drag it to the screen. After adding a label to the screen, we will change its text from the right menu to your preference, which we call the editing components. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We can also change the size of it by changing the font size. If necessary, adjust the text alignment and the font-weight by making the text to bold.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"340\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-3-1024x340.png\" alt=\"Screens &amp; Navigation in Thunkable\" class=\"wp-image-4342\" style=\"width:768px;height:255px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-3-980x325.png 980w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-3-480x159.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><figcaption class=\"wp-element-caption\"><em>Screen with label<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2<\/strong>: Now, we&#8217;ll add screen 2 by clicking on the + sign just to the right of screen 1 on the top middle of the Thunkable window. Take a look at the image below for reference.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"626\" height=\"438\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-4.png\" alt=\"_Screens &amp; Navigation in Thunkable\" class=\"wp-image-4343\" style=\"width:470px;height:329px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-4.png 626w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-4-480x336.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 626px, 100vw\" \/><figcaption class=\"wp-element-caption\"><em>Click on +sign<\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"644\" height=\"452\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-5.png\" alt=\"_Screens &amp; Navigation in Thunkable\" class=\"wp-image-4344\" style=\"width:483px;height:339px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-5.png 644w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-5-480x337.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 644px, 100vw\" \/><figcaption class=\"wp-element-caption\">After clicking on +Sign<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3<\/strong>: Now we will drag and drop the button from the add components menu on screen 1 and adjust it to our needs by pulling it from the selection square box. We can also change the text of the button and rename it from the right menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"696\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-6.png\" alt=\"_Screens &amp; Navigation in Thunkable\" class=\"wp-image-4345\" style=\"width:675px;height:522px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-6.png 900w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-6-480x371.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 900px, 100vw\" \/><figcaption class=\"wp-element-caption\"><em>Screen with Button<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We have completed the editing of Screen 1. Let&#8217;s do it now for screen 2.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-screen-2\"><strong>Screen 2<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">We will edit screen 2 in the same way that we edited screen 1. Repeat the preceding steps to add a label and a button to screen 2.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"876\" height=\"614\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-7.png\" alt=\"_Screens &amp; Navigation in Thunkable\" class=\"wp-image-4346\" style=\"width:657px;height:461px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-7.png 876w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-7-480x336.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 876px, 100vw\" \/><figcaption class=\"wp-element-caption\">For label<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"932\" height=\"608\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-8.png\" alt=\"_Screens &amp; Navigation in Thunkable\" class=\"wp-image-4347\" style=\"width:699px;height:456px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-8.png 932w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-8-480x313.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 932px, 100vw\" \/><figcaption class=\"wp-element-caption\"><em>For Button<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now that we&#8217;ve finished editing screens 1 and 2, it&#8217;s time to learn how to code and how the screen navigation works.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-codes-for-screen-1\"><strong>Codes for Screen 1<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To code for the screens we&#8217;ve created, we&#8217;ll go to the block at the top of the right menu, just beside the design.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"948\" height=\"768\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-9.png\" alt=\"_Screens &amp; Navigation in Thunkable\" class=\"wp-image-4348\" style=\"width:711px;height:576px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-9.png 948w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-9-480x389.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 948px, 100vw\" \/><figcaption class=\"wp-element-caption\"><em>Click on Blocks<\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"670\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-10-1024x670.png\" alt=\"Click on Blocks\" class=\"wp-image-4349\" style=\"width:768px;height:503px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-10-1024x670.png 1024w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-10-980x641.png 980w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-10-480x314.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><figcaption class=\"wp-element-caption\"><em>Coding Area<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s go ahead step by step.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1<\/strong>: Select screen 1.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Note: Please ensure that you have selected screen 1 because the coding will take place on-screen.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"994\" height=\"518\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-11.png\" alt=\"Screens &amp; Navigation in Thunkable\" class=\"wp-image-4350\" style=\"width:746px;height:389px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-11.png 994w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-11-980x511.png 980w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-11-480x250.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 994px, 100vw\" \/><figcaption class=\"wp-element-caption\"><em>How to take the block<\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"898\" height=\"528\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-12.png\" alt=\"Screens &amp; Navigation in Thunkable\" class=\"wp-image-4351\" style=\"width:674px;height:396px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-12.png 898w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-12-480x282.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 898px, 100vw\" \/><figcaption class=\"wp-element-caption\">Block dragged on the code area<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2<\/strong>: Go to the Button (v navigate button) at the right menu, and another menu will open. Select and drag the block on the coding area that says when the button (navigate button) is clicked.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"968\" height=\"568\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-13.png\" alt=\"Screens &amp; Navigation in Thunkable\" class=\"wp-image-4352\" style=\"width:726px;height:426px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-13.png 968w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-13-480x282.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 968px, 100vw\" \/><figcaption class=\"wp-element-caption\">How to take the block<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"906\" height=\"574\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-14.png\" alt=\"Screens &amp; Navigation in Thunkable\" class=\"wp-image-4353\" style=\"width:680px;height:431px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-14.png 906w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-14-480x304.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 906px, 100vw\" \/><figcaption class=\"wp-element-caption\">Block dragged on the code area<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-codes-for-screen-2\"><strong>Codes for Screen 2<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">We will complete the code for screen 2 similar to how we did for screen 1. You must select screen 2 to code on screen 2.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1<\/strong>: When the button (navigate button1) clicks, drag out the block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"898\" height=\"580\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-15.png\" alt=\"Screens &amp; Navigation in Thunkable\" class=\"wp-image-4354\" style=\"width:674px;height:435px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-15.png 898w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-15-480x310.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 898px, 100vw\" \/><figcaption class=\"wp-element-caption\">Screen and navigation<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2<\/strong>: Now, from the control panel, drag out the navigate block and change it to navigate to the screen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"661\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-16-1024x661.png\" alt=\"Screens &amp; Navigation in Thunkable\" class=\"wp-image-4355\" style=\"width:768px;height:496px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-16-1024x661.png 1024w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-16-980x633.png 980w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-16-480x310.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><figcaption class=\"wp-element-caption\">Final code <\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Hurray! Now that we&#8217;ve completed the design and coding portions of your app development, it&#8217;s time to put it to the test. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To begin the test, click on the Web preview button, which looks like a play button on the left side of the top.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"904\" height=\"776\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-17.png\" alt=\"Screens &amp; Navigation in Thunkable\" class=\"wp-image-4356\" style=\"width:678px;height:582px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-17.png 904w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-17-480x412.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 904px, 100vw\" \/><figcaption class=\"wp-element-caption\">Click on the web preview<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"622\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-18-1024x622.png\" alt=\"Screens &amp; Navigation in Thunkable\" class=\"wp-image-4357\" style=\"width:768px;height:467px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-18-1024x622.png 1024w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-18-980x596.png 980w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Screens-Navigation-in-Thunkable-Step-18-480x292.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><figcaption class=\"wp-element-caption\">Live test screen preview<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-conclusion\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Thunkable makes it easy for non-coders, those without a computer science background, and children to get started with coding. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The fact that even young children can create their mobile apps is both exciting and futuristic. Once you&#8217;ve mastered the fundamentals, such as the ones listed above, you&#8217;ll be a pro in no time.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;re interested in introducing your children to the world of technology, consider enrolling them in <a href=\"https:\/\/brightchamps.com\/blog\/coding-classes-for-kids-unleash-your-childs-potential\/\">coding classes for kids <\/a>using BrightChamp&#8217;s intuitive platform.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To get your hands on more educational and free resources on\u00a0<a href=\"https:\/\/brightchamps.com\/blog\/kids-coding-languages\/\" target=\"_blank\" rel=\"noreferrer noopener\">coding for kids<\/a>, robotics for kids, <a href=\"https:\/\/brightchamps.com\/blog\/teaching-financial-literacy-for-kids\/\" target=\"_blank\" rel=\"noreferrer noopener\">financial education for kids<\/a>, etc., do check out the\u00a0<a href=\"https:\/\/brightchamps.com\/\">BrightCHAMPS<\/a>\u00a0Page now!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">So what are you waiting for? Hop on and start with your coding journey.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/learn.brightchamps.com\/book-trial-class?utm_source=website_organic&amp;utm_medium=search&amp;utm_campaign=placement_1\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"2082\" height=\"395\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Blog-body-CTA.gif\" alt=\"BrightChamps Book Free Trial\" class=\"wp-image-501\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Learn Block-Based Coding at<a href=\"https:\/\/brightchamps.com\/\"> BrightChamps<\/a> with its specially designed curriculum that makes learning programming easy for students in Grades 1-12. BrightChamps also teaches a variety of other programs that help kids build a foundation in computer programming through activities, assignments, and<a href=\"https:\/\/brightchamps.com\/blog\/\"> other means<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-frequently-asked-questions-faqs\">Frequently Asked Questions (FAQs)<\/h2>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1680514685041\"><strong class=\"schema-faq-question\">Do I need to know how to code to use Thunkable?<\/strong> <p class=\"schema-faq-answer\">No, you do not need to have extensive coding knowledge to use Thunkable. Thunkable offers a drag-and-drop interface that allows you to create mobile apps without writing code. However, having some basic programming knowledge can be helpful in creating more complex applications.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1680514699984\"><strong class=\"schema-faq-question\">What are screens in Thunkable?<\/strong> <p class=\"schema-faq-answer\">Screens are the individual pages that make up your mobile app. You can design each screen individually, and they can be linked together to create a navigation system for your app.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1680514717658\"><strong class=\"schema-faq-question\">How do I create a new screen in Thunkable?<\/strong> <p class=\"schema-faq-answer\">To create a new screen in Thunkable, click on the &#8220;Create new screen&#8221; button in the screen section of the Thunkable platform. You can then choose from a variety of screen templates or create a blank screen to customize from scratch.<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Welcome to this beginner&#8217;s guide on how to get started with screens and navigation in Thunkable! In today&#8217;s world, where technology plays a vital role in our daily lives, learning to create mobile applications has become an essential skill. Thunkable is a platform that allows you to create mobile apps without the need for extensive [&hellip;]<\/p>\n","protected":false},"author":31,"featured_media":4358,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"1080","footnotes":""},"categories":[49],"tags":[68],"class_list":["post-4339","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-for-kids","tag-codechamps"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Get Started with Screens &amp; Navigation in Thunkable [2023 Guide] - BrightChamps Blog<\/title>\n<meta name=\"description\" content=\"Understanding screens and navigation is very important if you want to succeed in learning Thunkable. Without a strong foundation it will be\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Get Started with Screens &amp; Navigation in Thunkable [2023 Guide] - BrightChamps Blog\" \/>\n<meta property=\"og:description\" content=\"Understanding screens and navigation is very important if you want to succeed in learning Thunkable. Without a strong foundation it will be\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/\" \/>\n<meta property=\"og:site_name\" content=\"BrightChamps Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BrightChamps-101266664954230\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-02-26T08:01:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-02T13:08:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/How-to-Get-Started-with-Screens-Navigation-in-Thunkable.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2100\" \/>\n\t<meta property=\"og:image:height\" content=\"1185\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Team BrightChamps\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Team BrightChamps\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/\"},\"author\":{\"name\":\"Team BrightChamps\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#\\\/schema\\\/person\\\/696f52bb580934e5022585ac161e5123\"},\"headline\":\"How to Get Started with Screens &#038; Navigation in Thunkable [2023 Guide]\",\"datePublished\":\"2022-02-26T08:01:35+00:00\",\"dateModified\":\"2026-02-02T13:08:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/\"},\"wordCount\":1242,\"publisher\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/How-to-Get-Started-with-Screens-Navigation-in-Thunkable.png\",\"keywords\":[\"CodeChamps\"],\"articleSection\":[\"Code for Kids Corner\"],\"inLanguage\":\"en-US\",\"accessibilityFeature\":[\"tableOfContents\"]},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/\",\"name\":\"How to Get Started with Screens & Navigation in Thunkable [2023 Guide] - BrightChamps Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/How-to-Get-Started-with-Screens-Navigation-in-Thunkable.png\",\"datePublished\":\"2022-02-26T08:01:35+00:00\",\"dateModified\":\"2026-02-02T13:08:26+00:00\",\"description\":\"Understanding screens and navigation is very important if you want to succeed in learning Thunkable. Without a strong foundation it will be\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/#faq-question-1680514685041\"},{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/#faq-question-1680514699984\"},{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/#faq-question-1680514717658\"}],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/#primaryimage\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/How-to-Get-Started-with-Screens-Navigation-in-Thunkable.png\",\"contentUrl\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/How-to-Get-Started-with-Screens-Navigation-in-Thunkable.png\",\"width\":2100,\"height\":1185,\"caption\":\"How to Get Started with Screens & Navigation in Thunkable\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Code for Kids Corner\",\"item\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/code-for-kids\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Get Started with Screens &#038; Navigation in Thunkable [2023 Guide]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/\",\"name\":\"BrightChamps Blog\",\"description\":\"BrightChamps Blog, also known as BrightChamps Hub is a go-to resource hub for everything on Coding for kids\",\"publisher\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#organization\",\"name\":\"BrightChamps\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/BrightCHAMPS-logo-new-1.png\",\"contentUrl\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/BrightCHAMPS-logo-new-1.png\",\"width\":417,\"height\":80,\"caption\":\"BrightChamps\"},\"image\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/BrightChamps-101266664954230\\\/\",\"https:\\\/\\\/www.instagram.com\\\/brightchamps\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/brightchamps\\\/mycompany\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UC_Afe_rMGoK5Bs4nSt8QIzQ\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#\\\/schema\\\/person\\\/696f52bb580934e5022585ac161e5123\",\"name\":\"Team BrightChamps\",\"description\":\"We are an army of educators and passionate learners from BrightChamps family, committed to providing free learning resources to kids, parents &amp; students. Learn from Us\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/author\\\/team\\\/\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/#faq-question-1680514685041\",\"position\":1,\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/#faq-question-1680514685041\",\"name\":\"Do I need to know how to code to use Thunkable?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"No, you do not need to have extensive coding knowledge to use Thunkable. Thunkable offers a drag-and-drop interface that allows you to create mobile apps without writing code. However, having some basic programming knowledge can be helpful in creating more complex applications.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/#faq-question-1680514699984\",\"position\":2,\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/#faq-question-1680514699984\",\"name\":\"What are screens in Thunkable?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Screens are the individual pages that make up your mobile app. You can design each screen individually, and they can be linked together to create a navigation system for your app.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/#faq-question-1680514717658\",\"position\":3,\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/thunkable-screens-and-navigation\\\/#faq-question-1680514717658\",\"name\":\"How do I create a new screen in Thunkable?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"To create a new screen in Thunkable, click on the \\\"Create new screen\\\" button in the screen section of the Thunkable platform. You can then choose from a variety of screen templates or create a blank screen to customize from scratch.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Get Started with Screens & Navigation in Thunkable [2023 Guide] - BrightChamps Blog","description":"Understanding screens and navigation is very important if you want to succeed in learning Thunkable. Without a strong foundation it will be","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/","og_locale":"en_US","og_type":"article","og_title":"How to Get Started with Screens & Navigation in Thunkable [2023 Guide] - BrightChamps Blog","og_description":"Understanding screens and navigation is very important if you want to succeed in learning Thunkable. Without a strong foundation it will be","og_url":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/","og_site_name":"BrightChamps Blog","article_publisher":"https:\/\/www.facebook.com\/BrightChamps-101266664954230\/","article_published_time":"2022-02-26T08:01:35+00:00","article_modified_time":"2026-02-02T13:08:26+00:00","og_image":[{"width":2100,"height":1185,"url":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/How-to-Get-Started-with-Screens-Navigation-in-Thunkable.png","type":"image\/png"}],"author":"Team BrightChamps","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Team BrightChamps","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/#article","isPartOf":{"@id":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/"},"author":{"name":"Team BrightChamps","@id":"https:\/\/brightchamps.com\/blog\/#\/schema\/person\/696f52bb580934e5022585ac161e5123"},"headline":"How to Get Started with Screens &#038; Navigation in Thunkable [2023 Guide]","datePublished":"2022-02-26T08:01:35+00:00","dateModified":"2026-02-02T13:08:26+00:00","mainEntityOfPage":{"@id":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/"},"wordCount":1242,"publisher":{"@id":"https:\/\/brightchamps.com\/blog\/#organization"},"image":{"@id":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/#primaryimage"},"thumbnailUrl":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/How-to-Get-Started-with-Screens-Navigation-in-Thunkable.png","keywords":["CodeChamps"],"articleSection":["Code for Kids Corner"],"inLanguage":"en-US","accessibilityFeature":["tableOfContents"]},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/","url":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/","name":"How to Get Started with Screens & Navigation in Thunkable [2023 Guide] - BrightChamps Blog","isPartOf":{"@id":"https:\/\/brightchamps.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/#primaryimage"},"image":{"@id":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/#primaryimage"},"thumbnailUrl":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/How-to-Get-Started-with-Screens-Navigation-in-Thunkable.png","datePublished":"2022-02-26T08:01:35+00:00","dateModified":"2026-02-02T13:08:26+00:00","description":"Understanding screens and navigation is very important if you want to succeed in learning Thunkable. Without a strong foundation it will be","breadcrumb":{"@id":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/#faq-question-1680514685041"},{"@id":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/#faq-question-1680514699984"},{"@id":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/#faq-question-1680514717658"}],"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/#primaryimage","url":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/How-to-Get-Started-with-Screens-Navigation-in-Thunkable.png","contentUrl":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/How-to-Get-Started-with-Screens-Navigation-in-Thunkable.png","width":2100,"height":1185,"caption":"How to Get Started with Screens & Navigation in Thunkable"},{"@type":"BreadcrumbList","@id":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brightchamps.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Code for Kids Corner","item":"https:\/\/brightchamps.com\/blog\/code-for-kids\/"},{"@type":"ListItem","position":3,"name":"How to Get Started with Screens &#038; Navigation in Thunkable [2023 Guide]"}]},{"@type":"WebSite","@id":"https:\/\/brightchamps.com\/blog\/#website","url":"https:\/\/brightchamps.com\/blog\/","name":"BrightChamps Blog","description":"BrightChamps Blog, also known as BrightChamps Hub is a go-to resource hub for everything on Coding for kids","publisher":{"@id":"https:\/\/brightchamps.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brightchamps.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/brightchamps.com\/blog\/#organization","name":"BrightChamps","url":"https:\/\/brightchamps.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightchamps.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2026\/03\/BrightCHAMPS-logo-new-1.png","contentUrl":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2026\/03\/BrightCHAMPS-logo-new-1.png","width":417,"height":80,"caption":"BrightChamps"},"image":{"@id":"https:\/\/brightchamps.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BrightChamps-101266664954230\/","https:\/\/www.instagram.com\/brightchamps\/","https:\/\/www.linkedin.com\/company\/brightchamps\/mycompany\/","https:\/\/www.youtube.com\/channel\/UC_Afe_rMGoK5Bs4nSt8QIzQ"]},{"@type":"Person","@id":"https:\/\/brightchamps.com\/blog\/#\/schema\/person\/696f52bb580934e5022585ac161e5123","name":"Team BrightChamps","description":"We are an army of educators and passionate learners from BrightChamps family, committed to providing free learning resources to kids, parents &amp; students. Learn from Us","url":"https:\/\/brightchamps.com\/blog\/author\/team\/"},{"@type":"Question","@id":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/#faq-question-1680514685041","position":1,"url":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/#faq-question-1680514685041","name":"Do I need to know how to code to use Thunkable?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"No, you do not need to have extensive coding knowledge to use Thunkable. Thunkable offers a drag-and-drop interface that allows you to create mobile apps without writing code. However, having some basic programming knowledge can be helpful in creating more complex applications.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/#faq-question-1680514699984","position":2,"url":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/#faq-question-1680514699984","name":"What are screens in Thunkable?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Screens are the individual pages that make up your mobile app. You can design each screen individually, and they can be linked together to create a navigation system for your app.","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/#faq-question-1680514717658","position":3,"url":"https:\/\/brightchamps.com\/blog\/thunkable-screens-and-navigation\/#faq-question-1680514717658","name":"How do I create a new screen in Thunkable?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"To create a new screen in Thunkable, click on the \"Create new screen\" button in the screen section of the Thunkable platform. You can then choose from a variety of screen templates or create a blank screen to customize from scratch.","inLanguage":"en-US"},"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/posts\/4339","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/comments?post=4339"}],"version-history":[{"count":7,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/posts\/4339\/revisions"}],"predecessor-version":[{"id":33041,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/posts\/4339\/revisions\/33041"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/media\/4358"}],"wp:attachment":[{"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/media?parent=4339"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/categories?post=4339"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/tags?post=4339"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}