Skip to main content

Build or Preview App

Build App

Get your complete app code by building your app, and then download or sync it with GitLab & GitHub.

As you are done with your Flutter app setup, by modifying UI, adding actions on widgets or want to directly get the view code, follow the below steps for the same;

Step 1:

Go to the screen list, and click on Build app.

Step 2:

As you click on it, a popup to select a build type will arise as below, you need to select one option and proceed to build app.

Only UI Code: Includes responsive UI, Stateless and Custom reusable widgets.

UI + State management Code: Includes responsive UI, Stateless widgets, Custom reusable widgets, Models, GetX state manager, Navigation and other integrations.

Example banner

As you select an option, it will start building your app by redirecting you to a page where you can see the build progress and also some app information which will help you know your generated code easily, like SDK versions, Libraries used in the app code, Package Structure.

Example banner

Step 3:

Once, it is completed it will redirect you to the code view, from where you can download the source code or sync it to GitLab & GitHub.

tip

You can build your app again in case you make any changes and get your app code again!

Preview App

Preview your complete app design right here to see your app’s generated design results and make changes priorly again to get your design results more accurately.

As you are done with your Flutter app design setup, by modifying UI, or want to check out the design results of screens, follow below steps;

Step 1:

Go to the screen list, and click on Preview button.

Step 2:

As you click on it, it will start to build your design code, within few minutes it will show you a page where you can check or preview your app design, as shown below;

info

Switch between different devices’ resolutions easily, and check how it fits in.

On the Preview page, you can switch between different screens and preview them live here and check each screen’s UI easily.

Shareable Preview

Easily share the generated preview with your teams for your app in DhiWise, by simply copying the generated link from 🔗️ Copy link in the top right corner.

Example banner



Got a question? Ask here.