Jetspike Hello World

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.

Creating a counter attribute within the widget (left) and the generated code (right)
Providing a dynamic value

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:

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!

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Martin Černý

Martin Černý

Life hacker, former software developer, medical school graduate, surgeon and Ph.D. student. Founder of jetspike.com.