{"id":5194,"date":"2023-01-05T05:39:28","date_gmt":"2023-01-05T05:39:28","guid":{"rendered":"https:\/\/dianapps.com\/blog\/?p=5194"},"modified":"2025-06-04T11:11:02","modified_gmt":"2025-06-04T11:11:02","slug":"how-to-create-an-app-in-5-days-by-using-flutter","status":"publish","type":"post","link":"https:\/\/dianapps.com\/blog\/how-to-create-an-app-in-5-days-by-using-flutter\/","title":{"rendered":"How to Create an App In 5 Days by Using Flutter"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Creating an app in 5 days? Well, that seems presumptuous. While it may sound impossible, it is a buzzword all over the internet. With the advancement of technology, frameworks used in <\/span><a href=\"https:\/\/dianapps.com\/mobile-app-development\"><b>mobile app development<\/b><\/a><span style=\"font-weight: 400;\"> have also elevated their functionalities and compatibility to deliver faster apps within a week or so.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">When we speak about frameworks, the list can be never-ending, and not to forget mentioning about all the risk factors that you may encounter while choosing the right platform. Hereby, this blog comes to your aid.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">With the inception of Google\u2019s flutter, building an app has become a need for an hour facility. Flutter not only gives stable performance but also helps mobile app developers in creating seamless apps in a fast and secure space alongside the amalgamation of widgets and plugins.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Now as Flutter is an open-source cross-platform framework, it uses a single codebase to curate apps that can run on multiple devices. This means, rather than calling it a framework, it is a complete SDK that comes with rendering engines, tools for testing and managing apps, and integration of APIs\u2013 Flutter is the ecosystem in itself.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So if you are reading this blog, it is pretty obvious that you are in a hurry to build an app in 5 days. Don\u2019t worry, this blog will cover the critical aspects needed to launch your app project instantly.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let\u2019s get started with the blog by knowing some quick highlights of <\/span><a href=\"https:\/\/dianapps.com\/flutter-app-development\"><b>Flutter app development<\/b> <b>services<\/b><\/a> <span style=\"font-weight: 400;\">which makes it quite demanding amidst the community.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"What-is-the-reason-behind-Flutters-popularity\"><\/span><span style=\"font-weight: 400;\">What is the reason behind Flutter\u2019s popularity?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Despite just having been released in 2017, it is already being utilized by 39% of developers worldwide, and it has swiftly established itself as the second most in-demand framework for the creation of cross-platform apps.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The object-oriented language used by Flutters, Dart, employs cutting-edge methods and compiles into native code to significantly increase performance.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Flutter gives developers total control over the system by using the OS as a blank canvas on which to design an interface and by moving functions like gestures, graphics, and animations into the framework itself.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">For quick UI coding that allows for any amount of customization, Flutter has ready-made and customized widgets.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Compared to others, With the smallest learning curve and a burgeoning community, Flutter enables <\/span><b>mobile app developers<\/b><span style=\"font-weight: 400;\"> with no experience in programming to prototype and create apps.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The Hot Reload function may accelerate development tenfold and boost programmer productivity, allowing you to try out new ideas without having to wait around for so long.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">As it uses CPU use, requests per second, average response times, frames per second, and other performance metrics, Flutter apps are renowned for their great performance.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">You may switch from any platform to Flutter because of its outstanding app mobility.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">In a nutshell, you can learn more about Flutter&#8217;s fundamental workings and begin creating your first Flutter app by all of its features and functions. You might be wondering how a Flutter app might be created in just 5 days as opposed to the minimum of 4 to 6 weeks needed by a mobile app development firm. So let&#8217;s begin the <\/span><b>Flutter app development <\/b><span style=\"font-weight: 400;\">process right away.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Create-an-App-with-Flutter-in-5-Days\"><\/span><span style=\"font-weight: 400;\">Create an App with Flutter in 5 Days!\u00a0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Flutter is such a simple technique to use for creating apps. As a result, at the time of writing, we tried to keep this instructional easy to understand, organized, and focused on both beginners and specialists.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So, this information will undoubtedly help you become a Flutter developer whether you work as a freelancer or for an app development firm.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You will learn more about Flutter Development on the Android Platform in this tutorial, but keep in mind that you&#8217;ll require XCode for iOS and Android Studio for Android. Therefore, setting up an environment is worthwhile before you begin the app development process.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Make sure you have <\/span><span style=\"font-weight: 400;\">Android Studio version 3.1 <\/span><span style=\"font-weight: 400;\">or later first. If you&#8217;re having trouble with this, do the following easy steps:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let&#8217;s begin with the fundamental procedures:<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step-1-Install-Android-Studio\"><\/span><span style=\"font-weight: 400;\">Step 1: Install Android Studio\u00a0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Flutter developers get access to a full, integrated IDE experience with Android Studio. The Flutter SDK may also be used for any text editor development task. However, IDEs give you tools like syntax highlighting, code completion, and debuggers that are quite useful while developing software.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Since <\/span><a href=\"https:\/\/developer.android.com\/studio\" rel=\"nofollow\"><span style=\"font-weight: 400;\">Android<\/span><\/a><span style=\"font-weight: 400;\"> is our main concern. Therefore, using Android Studio is advocated by professionals.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">You may also utilize the IntelliJ Flutter plugin if you have<\/span><span style=\"font-weight: 400;\"> IntelliJ IDEA Community<\/span><span style=\"font-weight: 400;\">, version 2022.3.1, or later.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">A copy of <\/span><span style=\"font-weight: 400;\">IntelliJ IDEA Ultimate<\/span><span style=\"font-weight: 400;\">, 2022.3.1 or later.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Remember to restart the IDE to activate the freshly opened plugins if you are using Android Studio with IntelliJ. Additionally, this will let you begin using IDEs with stable versions, as Flutter plugins might not operate correctly on Beta, Canary, or EAP editions.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step-2-Install-the-Flutter-and-Dart-Plugins\"><\/span><span style=\"font-weight: 400;\">Step 2: Install the Flutter and Dart Plugins<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Install the following to begin a new project on your own or with a software development company&#8217;s assistance:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Launch Android Studio.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open the plugin preferences (Preferences&gt;Plugins on macOS; File&gt;Settings&gt;Plugins on Windows &amp; Linux).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">(Configure&gt;Plugins as of v3.6.3.1 or later) Go to the plugin preferences page.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Look through the Flutter plugin repository and choose install.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">When prompted to install the Dart plugin, select yes.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">When asked, select restart.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">With this, you can now make a new Flutter project: Go to<\/span><b> File &gt; New &gt; New Flutter Project<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step-3-Create-a-Flutter-Project\"><\/span><span style=\"font-weight: 400;\">Step 3: Create a Flutter Project<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">You must choose the <\/span><b>Flutter Application&gt;<\/b><span style=\"font-weight: 400;\"> Start a<\/span><b> New Flutter Project&gt; Android Studio <\/b><span style=\"font-weight: 400;\">in order to start a new flutter project.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5198 size-full\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121414.png\" alt=\"Create a Flutter Project\" width=\"638\" height=\"320\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121414.png 638w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121414-400x201.png 400w\" sizes=\"(max-width: 638px) 100vw, 638px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">After selecting the Flutter Application, you will be prompted to enter the Flutter SDK path and some basic project information on the following screen.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let&#8217;s use making a song app as an example. You should put the information in the following columns:<\/span><\/p>\n<p><b>Song_App, \/home\/user\/flutter , \/home\/user\/AndroidStudioProjects , Songs Gallery<\/b><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5199 size-full\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121441.png\" alt=\"Create a Flutter Project\" width=\"641\" height=\"321\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121441.png 641w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121441-400x200.png 400w\" sizes=\"(max-width: 641px) 100vw, 641px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Finally, give the package a domain name. It&#8217;s crucial that you give the package a distinct name (for signing and publishing purposes). You can use com.GitHub.your username&gt; if you don&#8217;t have a domain. Keep the other settings at their defaults, then click Finish to confirm.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hurray! The development of our project is complete!<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step-4-Run-the-Build-Flutter-Doctor\"><\/span><span style=\"font-weight: 400;\">Step 4: Run the Build: Flutter Doctor<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">To make sure that your created app setup is correctly working in the ecosystem, it is important to open the terminal <\/span><b>(Alt+F12 in Android Studio)<\/b><span style=\"font-weight: 400;\"> and induce the Flutter Doctor command.\u00a0<\/span><\/p>\n<p><strong>Building test on Android<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">If you plan to use the device directly, ensure that it is linked to a computer via a USB cable and that USB debugging is turned on.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">When using an Android emulator, a virtual device must be made. And to do so, you can either <\/span><b>hire a mobile app developer<\/b><span style=\"font-weight: 400;\"> or simply launch an AVD manager by hitting <\/span><b>Ctrl Alt+F12 <\/b><span style=\"font-weight: 400;\">while inputting the action name in the toolbar.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5200 size-full\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121518.png\" alt=\"Create Your App With Flutter\" width=\"462\" height=\"125\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121518.png 462w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121518-400x108.png 400w\" sizes=\"(max-width: 462px) 100vw, 462px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Leave everything set to default as it appears on the screen. You should now execute your application. Simply select the device or emulator of your choice and press &#8220;Shift+F10&#8221; or just click the &#8220;run&#8221; button. The symbol below will automatically change when you click the &#8220;run&#8221; button.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5201 size-full\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121603.png\" alt=\"Create Your App With Flutter\" width=\"459\" height=\"60\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121603.png 459w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121603-400x52.png 400w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121603-450x60.png 450w\" sizes=\"(max-width: 459px) 100vw, 459px\" \/><\/p>\n<p><strong>Testing an App on iOS<\/strong><\/p>\n<p><span style=\"font-weight: 400;\">Use the dropdown device menu first when testing an app on the iOS Simulator. Remember that the Xcode installer will ask you to install any missing app components.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, testing might be a little challenging when using a real iOS device. You must first launch the iOS module in Xcode when the device is connected to a computer via a USB connection and unlocked.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5202 size-full\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121627.png\" alt=\"Create Your App With Flutter\" width=\"500\" height=\"217\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121627.png 500w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121627-400x174.png 400w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">After starting Xcode, navigate to the app&#8217;s signing and capability settings. Log in with your Apple ID, and a provisioning profile will be established when the Accounts window has closed.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you get a message stating that the app identification cannot be registered, it signifies that another person is already making use of the identifier. Here, the Bundle Identifier value has to be changed to anything different. You may test running the app from the Android studio once the signing has been set up. The first attempt will fail because the provisioning profile is not trusted on the device.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Remember that Flutter apps provided using Personal Team provisioning profiles cannot be executed on devices running iOS 13.3.1 while testing your app on iOS devices. This restriction was imposed by Apple. You may start the app from the home screen after the profile has been trusted.<\/span><b> Hiring an app developer<\/b><span style=\"font-weight: 400;\"> with the necessary experience and understanding makes sense because iOS device testing is fairly difficult.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5203 size-full\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121656.png\" alt=\"Create Your App With Flutter\" width=\"742\" height=\"183\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121656.png 742w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121656-640x158.png 640w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121656-400x99.png 400w\" sizes=\"(max-width: 742px) 100vw, 742px\" \/><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step-5-Start-Coding-the-Flutter-App\"><\/span><span style=\"font-weight: 400;\">Step 5: Start Coding the Flutter App<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Given that we\u2019ve previously started a project called Song App. Most app developers change lib\/main.dart, where the Dart code is located after they begin creating the app. You have two options: either change the code in lib\/main.dart or completely remove it. Replace all of the existing code with the following code, which centers &#8220;Songs Gallery&#8221; on the screen.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5204 size-full\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121800.png\" alt=\"Create Your App With Flutter\" width=\"753\" height=\"440\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121800.png 753w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121800-640x374.png 640w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121800-400x234.png 400w\" sizes=\"(max-width: 753px) 100vw, 753px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Second, depending on your devices, start the app by following the instructions in step 4 and using the recommended Android or iOS IDEs.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step-6-Use-an-External-Package\"><\/span><span style=\"font-weight: 400;\">Step 6: Use an External Package<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">You are suggested to start utilizing an open-source program called English words to keep your job organized and straightforward. Use popular English terms that are also practical as much as possible. Typically, open-source packages like the English words package and others are located on Pub.dev by flutter app development businesses.\u00a0<\/span><\/p>\n<p><b>In lib\/main.dart, import the new package:<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">import \u2018package:flutter\/material.dart\u2019;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">import \u2018package:english_words\/english_words.dart\u2019;<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Android Studio will begin suggesting libraries to import as soon as you begin typing. The import string is then shown in grey to serve as a reminder that the imported library has not yet been stored.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Additionally, instead of using the string<\/span><b> &#8220;Songs Gallery,&#8221;<\/b><span style=\"font-weight: 400;\"> create the text using the English words package.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5205 size-full\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121819.png\" alt=\"Create Your App With Flutter In 5 Days\" width=\"701\" height=\"320\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121819.png 701w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121819-640x292.png 640w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-121819-400x183.png 400w\" sizes=\"(max-width: 701px) 100vw, 701px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Then, if the app is already open, you may utilize the hot reload function to update it with the modifications you requested. The words picked at random to run in the app are shown in the image below. If your app isn&#8217;t functioning properly, check it for mistakes or try using Flutter&#8217;s debugging tools. For debugging the app, the software development organization prefers to utilise &#8220;<\/span><span style=\"font-weight: 400;\">pubspec.yaml&#8221;<\/span><span style=\"font-weight: 400;\"> or <\/span><span style=\"font-weight: 400;\">&#8220;lib\/main.dart.<\/span><span style=\"font-weight: 400;\">&#8220;<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step-7-Add-a-Stateful-Widgets-to-your-App\"><\/span><span style=\"font-weight: 400;\">Step 7: Add a Stateful Widgets to your App<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Every component of a Flutter app is a widget, which is a standalone app. Widgets with changing and immutable conditions include stateless and stateful widgets. The basic screen elements are part of the scaffold widget&#8217;s structure. The process of hierarchy may be extremely challenging and includes elements like the app bar, body, and menu.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The widget in Flutter saves you a tonne of time and work when developing apps, but it also requires a way for creating a widget. Other widgets ought to be included in the widget.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Since stateless widgets are immutable, no changes may be made to their attributes, and all values will remain fixed. Stateful widgets, on the other hand, keep track of states that may change throughout the course of the widget&#8217;s existence.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Consequently, a stateful widget must have at least two classes in order to be implemented:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">1) A class called StatefulWidget that generates an instance of<\/span><\/p>\n<p><span style=\"font-weight: 400;\">2) A state class<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The StatefulWidget class itself is immutable, disposable, and regenerable. However, the State class lives on after the widget is destroyed.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In essence, you must add a RandomWordsState to the State class. Therefore, you must perform the following two things in order to add _RandomWordsState as a child within the current MyApp Stateless Widget:<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Place all of the code in lib\/main.dart to create the boilerplate code for a stateful widget. Return a few times to begin on a different line.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Put RandomWords in the widget&#8217;s name field.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5206 size-full\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-122205.png\" alt=\"Create Your App With Flutter In 5 Days\" width=\"727\" height=\"289\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-122205.png 727w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-122205-640x254.png 640w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-122205-400x159.png 400w\" sizes=\"(max-width: 727px) 100vw, 727px\" \/><\/p>\n<p><b>The two classes will now appear as follows:<\/b><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5208 size-full\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-183350.png\" alt=\"Create Your App With Flutter In 5 \" width=\"747\" height=\"357\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-183350.png 747w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-183350-640x306.png 640w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-183350-400x191.png 400w\" sizes=\"(max-width: 747px) 100vw, 747px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">By making the adjustments that appear in the scripts below, you may remove the word-generating code from the app.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Finally, restart the app for it to resume its previous behavior and display a word pairing whenever you save or hot reload it.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5209 size-full\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-122233.png\" alt=\"Create Your App With Flutter In 5 \" width=\"598\" height=\"402\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-122233.png 598w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-122233-400x269.png 400w\" sizes=\"(max-width: 598px) 100vw, 598px\" \/><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Step-8-Create-an-Infinite-Scrolling-List-View\"><\/span><span style=\"font-weight: 400;\">Step 8: Create an Infinite Scrolling List View<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Here, make a list of the terms that are used the most frequently, give users the option to mark the words they liked most, and let them drag those words onto the new screen to add functionality. In essence, the condition class contains the entire logic. So, with comments, here is the straightforward coding you should use for a single class:<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5210 size-large\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/111-422x1024.jpeg\" alt=\"Create Your App With Flutter In 5 \" width=\"422\" height=\"1024\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/111-422x1024.jpeg 422w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/111-400x970.jpeg 400w\" sizes=\"(max-width: 422px) 100vw, 422px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The app&#8217;s final product will look like the illustration below:<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-5211 size-full\" src=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-122519.png\" alt=\"Create Your App With Flutter In 5 \" width=\"602\" height=\"389\" srcset=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-122519.png 602w, https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Screenshot-2023-01-04-122519-400x258.png 400w\" sizes=\"(max-width: 602px) 100vw, 602px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Congratulations! You have learned to write an interactive Flutter app that runs on both iOS and Android.<\/span><\/p>\n<style>.elementor-4977 .elementor-element.elementor-element-ec4760e > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-4977 .elementor-element.elementor-element-cb7f6af > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-4977 .elementor-element.elementor-element-cb7f6af:not(.elementor-motion-effects-element-type-background), .elementor-4977 .elementor-element.elementor-element-cb7f6af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4977 .elementor-element.elementor-element-cb7f6af{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:20px;padding:30px 30px 30px 30px;}.elementor-4977 .elementor-element.elementor-element-cb7f6af > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4977 .elementor-element.elementor-element-8466d79 .elementor-heading-title{color:#FBFBFB;font-weight:500;}.elementor-4977 .elementor-element.elementor-element-5d80343 .elementor-heading-title{color:#FFFFFF;font-size:30px;font-weight:600;}.elementor-4977 .elementor-element.elementor-element-ee74169 .elementor-button{font-size:16px;letter-spacing:0.5px;}@media(max-width:767px){.elementor-4977 .elementor-element.elementor-element-8466d79{text-align:center;}.elementor-4977 .elementor-element.elementor-element-5d80343{text-align:center;}.elementor-4977 .elementor-element.elementor-element-ee74169 > .elementor-widget-container{margin:-15px 0px -15px 0px;}}@media(min-width:768px){.elementor-4977 .elementor-element.elementor-element-22760bc{width:72%;}.elementor-4977 .elementor-element.elementor-element-8fa0d4c{width:28%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4977 .elementor-element.elementor-element-22760bc{width:60%;}.elementor-4977 .elementor-element.elementor-element-8fa0d4c{width:40%;}}<\/style><div class=\"porto-block elementor elementor-4977\">\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8fa19da cta elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8fa19da\" data-element_type=\"section\">\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ec4760e\" data-id=\"ec4760e\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-cb7f6af elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cb7f6af\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\r\n\t\t\t\r\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-22760bc\" data-id=\"22760bc\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8466d79 elementor-widget elementor-widget-heading\" data-id=\"8466d79\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.14.0 - 26-06-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h5 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"MAKE-YOUR-IDEA-REACH-ITS-GRAND-DESTINY\"><\/span>MAKE YOUR IDEA REACH ITS GRAND DESTINY<span class=\"ez-toc-section-end\"><\/span><\/h5>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d80343 elementor-widget elementor-widget-heading\" data-id=\"5d80343\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Want-to-Hire-Best-Flutter-App-Developers\"><\/span>Want to Hire Best Flutter App Developers?<br><span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-8fa0d4c\" data-id=\"8fa0d4c\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ee74169 elementor-align-justify join-us-btn elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"ee74169\" data-element_type=\"widget\" id=\"cta\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/dianapps.com\/contact\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Talk with Experts!<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/section>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/section>\r\n\t\t<\/div>\n<h2><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span><span style=\"font-weight: 400;\">Conclusion<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">You should now be able to see how Flutter has streamlined, accelerated, and made <\/span><b>app development services<\/b><span style=\"font-weight: 400;\"> easier for developers after reading this detailed blog. The efficiency of developers may be increased tenfold while creating apps with Flutter, and businesses can advertise their apps to the market swiftly.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">With the help of this lesson on app creation, you now know:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Making a development environment for Flutter apps.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Coding for darts.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Using a library from a third party or external source<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Utilizing the hot reload capability to speed up development<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Putting in place a stateful widget<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Made a list that could scroll indefinitely.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Despite the lengthy app development stages, you may rapidly put them into practice with thorough knowledge. However, if you still have a doubt, then it is best to look for a reliable mobile <\/span><a href=\"https:\/\/dianapps.com\/\"><b>app development company<\/b><\/a><span style=\"font-weight: 400;\"> that can help you get started with the flutter app in 5 days without any hassle or delay.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creating an app in 5 days? Well, that seems presumptuous. While it may sound impossible, it is a buzzword all over the internet. With the advancement of technology, frameworks used in mobile app development have also elevated their functionalities and compatibility to deliver faster apps within a week or so.\u00a0 When we speak about frameworks, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5197,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_wp_applaud_exclude":false,"footnotes":""},"categories":[3],"tags":[124],"class_list":["post-5194","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-app-development","tag-flutter-app-development-company"],"featured_image_src":{"landsacpe":["https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Untitled-design-36-1140x445.png",1140,445,true],"list":["https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Untitled-design-36-463x348.png",463,348,true],"medium":["https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Untitled-design-36-300x169.png",300,169,true],"full":["https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Untitled-design-36.png",1536,864,false]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.12 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Create Your App With Flutter In 5 Days<\/title>\n<meta name=\"description\" content=\"Need to develop a flutter app urgently? Read the blog to create your business app using Flutter in just 5 days!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dianapps.com\/blog\/how-to-create-an-app-in-5-days-by-using-flutter\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Your App With Flutter In 5 Days\" \/>\n<meta property=\"og:description\" content=\"Need to develop a flutter app urgently? Read the blog to create your business app using Flutter in just 5 days!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dianapps.com\/blog\/how-to-create-an-app-in-5-days-by-using-flutter\/\" \/>\n<meta property=\"og:site_name\" content=\"Learn About Digital Transformation &amp; Development | DianApps Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-05T05:39:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-04T11:11:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Untitled-design-36.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1536\" \/>\n\t<meta property=\"og:image:height\" content=\"864\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Vikash Soni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vikash Soni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create Your App With Flutter In 5 Days","description":"Need to develop a flutter app urgently? Read the blog to create your business app using Flutter in just 5 days!","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:\/\/dianapps.com\/blog\/how-to-create-an-app-in-5-days-by-using-flutter\/","og_locale":"en_US","og_type":"article","og_title":"Create Your App With Flutter In 5 Days","og_description":"Need to develop a flutter app urgently? Read the blog to create your business app using Flutter in just 5 days!","og_url":"https:\/\/dianapps.com\/blog\/how-to-create-an-app-in-5-days-by-using-flutter\/","og_site_name":"Learn About Digital Transformation &amp; Development | DianApps Blog","article_published_time":"2023-01-05T05:39:28+00:00","article_modified_time":"2025-06-04T11:11:02+00:00","og_image":[{"width":1536,"height":864,"url":"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2023\/01\/Untitled-design-36.png","type":"image\/png"}],"author":"Vikash Soni","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Vikash Soni","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dianapps.com\/blog\/how-to-create-an-app-in-5-days-by-using-flutter\/","url":"https:\/\/dianapps.com\/blog\/how-to-create-an-app-in-5-days-by-using-flutter\/","name":"Create Your App With Flutter In 5 Days","isPartOf":{"@id":"https:\/\/dianapps.com\/blog\/#website"},"datePublished":"2023-01-05T05:39:28+00:00","dateModified":"2025-06-04T11:11:02+00:00","author":{"@id":"https:\/\/dianapps.com\/blog\/#\/schema\/person\/0126fafc83e42bece2acbfe92f7d0f4f"},"description":"Need to develop a flutter app urgently? Read the blog to create your business app using Flutter in just 5 days!","breadcrumb":{"@id":"https:\/\/dianapps.com\/blog\/how-to-create-an-app-in-5-days-by-using-flutter\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dianapps.com\/blog\/how-to-create-an-app-in-5-days-by-using-flutter\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dianapps.com\/blog\/how-to-create-an-app-in-5-days-by-using-flutter\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dianapps.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Create an App In 5 Days by Using Flutter"}]},{"@type":"WebSite","@id":"https:\/\/dianapps.com\/blog\/#website","url":"https:\/\/dianapps.com\/blog\/","name":"Learn About Digital Transformation &amp; Development | DianApps Blog","description":"Dianapps","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dianapps.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/dianapps.com\/blog\/#\/schema\/person\/0126fafc83e42bece2acbfe92f7d0f4f","name":"Vikash Soni","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dianapps.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2022\/07\/cropped-vikash-96x96.png","contentUrl":"https:\/\/dianapps.com\/blog\/wp-content\/uploads\/2022\/07\/cropped-vikash-96x96.png","caption":"Vikash Soni"},"description":"Vikash Soni, the visionary CEO and Co-founder of DianApps. With his profound expertise in Android and iOS app development, he leads the team to deliver top-notch solutions to clients worldwide. Under his guidance, the company has achieved remarkable success, earning a reputation as a leading web and mobile app development company.","sameAs":["https:\/\/www.linkedin.com\/in\/vikash-soni-59726530\/"],"url":"https:\/\/dianapps.com\/blog\/author\/infodianapps-com\/"}]}},"_links":{"self":[{"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/posts\/5194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/comments?post=5194"}],"version-history":[{"count":7,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/posts\/5194\/revisions"}],"predecessor-version":[{"id":12501,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/posts\/5194\/revisions\/12501"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/media\/5197"}],"wp:attachment":[{"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/media?parent=5194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/categories?post=5194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dianapps.com\/blog\/wp-json\/wp\/v2\/tags?post=5194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}