This is a test message to test the length of the message box.
Login
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.

Advertising

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.

 

Background

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.

 

DartPad

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.

 

Examples

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.

 

Conclusion

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)
Advertising

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.

03/05/2021

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.

01/29/2021

Flutter - Websites

Category - Flutter

The creation of websites and PWAs has been in beta for quite a while, today we're going to show you a small productive example.

10/16/2020

Flutter Day 2020

Category - Flutter

The Flutter Day 2020 is over and we will briefly summarize the most important of the day and provide you with the resources.

07/31/2020

Flutter - Game Development

Category - Flutter

Flutter has many advantages for the rapid development of simple apps, but can the framework also be used to develop games?

05/22/2020

We use cookies for our services and functions. More informations