This is a test message to test the length of the message box.
Flutter new DartPad
Created by Software-Heroes

Flutter - New DartPad


The new DartPad was presented at Flutter Interact '19. We'll show you what the new features are and how you can best use them.

The new DartPad is here and offers a wider range of examples and ways you can develop with Dart. In this article we show you the innovations from the world of darts development.



Dart is the programming language used for flutter, but it can also be used for other things. On the official website you can get all the information you need about language, syntax and special features. The official documentation on the subject is also very extensive and definitely worth a look.



The DartPad is an extension of the "Try Dart" function on the official website and gives you even more options to explore the language and packages. Unfortunately, the possibilities were very limited so far, since only language testing was available.

So far, newbies who would like to explore the possibilities of Flutter have had a problem because these packages were not available and the graphic output was very limited.


New features

The DartPad has been heavily revised with the new version and now offers the possibility to create apps based on the Flutter Web components. This means that you can test the majority of the app functions without having to install the IDE on your computer.

After calling up, you can start a new mini project via the menu.


Then you can choose between a dart or flutter project.


After that, sample code will be generated and you can start working straight away. As you are used to from your IDE, the hot reload also works and all changes to the design and new widgets are loaded directly.



There are already some examples in the DartPad that you can select and then change later. These range from dart to HTML 5, to flutter (each recognizable by the icons). The examples range from simple to complex and show you what is possible with the online tool.


We have provided you with an example about Gist that you can watch on DartPad. In the example we show a small app in which you can add new items to the list using the Add button in the menu. The checkboxes can be activated per entry. The message button has no meaning, it is only a placeholder for further functions.



We like the adjustments to the DartPad very much and also offer beginners a quick introduction to darts development and a good overview of what is possible with the framework. Just try our example or your own today.

Included topics:
FlutterDartpadnew versionInteract '19
Comments (0)

And further ...

Are you satisfied with the content of the article? We post new content in the ABAP area every Friday and irregularly in all other areas. Take a look at our tools and apps, we provide them free of charge.

Flutter - Finance Overview (Framework)

Category - Flutter

Before we actually start developing the app, we will first work on the second version of the SwH framework in order to create a reusable basis.


Flutter - Finance Overview (Data)

Category - Flutter

Today we are talking about the data model of the app in the first preview, the design of the API and the challenges involved.


Flutter - Finance Overview (Project)

Category - Flutter

We start a new project and take you through the various stages from planning to development to release. In this article the explanation of what stands behind the project.


Flutter - #FlutterEngage

Category - Flutter

The FlutterEngage event is over and there was again a lot of helpful and interesting information for all Flutter developers among us. We want to briefly summarize the most important points here.


Flutter - Learning source

Category - Flutter

In this article we want to introduce you to some current learning sources that you can use as inspiration and for further education. Here we will mainly deal with YouTube channels and present some.