Jetspike Hello World
Developers love Hello Worlds! They are the easiest way to get started in a new programming language or framework. Today, we will replicate the Flutter Hello world demo in Jetspike in less than 2 minutes.

1. Basic layout
Let’s get started. Open new project in Jetspike designer. Following GIF shows you how to create the basic layout by simply dragging the widgets. Doesn’t take more than one minute. Switch to preview mode (eye icon in the top left corner of the canvas) to get a more accurate rendering.

2. Providing dynamic value for Text widget
First, let’s create a variable storing how many times we have clicked the button. Navigate to the top level widget, select attributes in the properties panel in the right part of the screen and add a new variable called counter with data type int and default value 0.


Now it’s time to bind our variable to the displayed Text widget. Click the link icon right to the text property to add dynamic value. Use the expression
widget.counter.toString()
while still keeping the placeholder value 0 for previewing.

3. Increment the counter
Now we need an action to increment our counter. Select the Scaffold widget and insert following code into the floatAction property:
setState((){
widget.counter++;
});
This automatically creates a FloatingActionButton and assigns an action to it.
Conclusion
This is it. You have successfully created your Hello World demo in Jetspike. The code is ready to be copied into the IDE of your liking and run. You are now ready to build amazing mobile apps yourself!
Jetspike is available for FREE at designer.jetspike.com. We are always looking to improve it and warmly welcome any feature requests. We believe Jetspike can be the right mobile development productivity tool for you.