Common Widgets and Controls

iOS Android

QML Widgets and Controls

This is a list of common widgets and controls available with V-Play. Many of those components are also used in examples in the documentation topics on the left. In addition to the V-Play controls, you can also use the Qt Quick Controls 2 and apply custom styling.


An intermediate spinning progress indicator


A button with a default raised and flat button style


A material style card


Adds Tinder-like swipe feature to a component


A checkbox with a platform-specific styling for iOS and Android


An image with a default source


A ListView providing a native ScrollIndicator, an empty view and swipe gestures for its list delegates


Displays a map view with the current user position


A sheet of paper with shadow


A slider control with two handles to set a range


A slider control with one handle


An on/off button-like control


A tab bar with Theme-based iOS and Android styles


A tab button to be used with AppTabBar for Theme-based iOS and Android styled tabs


A styled text control


A multi-line TextEdit with a given placeholder text


A single-line TextField input control


A single-line TextInput with a given placeholder text (deprecated)


A dialog with custom content and one or two buttons


A material-design styled floating action button


An item for displaying icons from an icon font


A button with an icon as visual representation


Global object for displaying standard user interaction dialogs


Global object for invoking native system dialogs


Displays page indicators and allows switching to the previous or next page


A modal, full-screen picture viewer component


A helper adding a pull-to-refresh control to an AppListView


An image item with rounded corners and an optional border


A search bar with native styling for iOS and Android based on the Theme settings


A control that allows to jump to specific sections of a ListView


A ListView delegate item with two labels and an optional image


A ListView delegate item for displaying sections in a list view


A button with a default style to be used together with SwipeOptionsContainer


A ListView delegate container to implement swipeable rows within a ListView


A helper item for handling data reload actions as soon as the item becomes visible


Embedded video player based on the YouTube Iframe-Player API

The component documentations also contain examples like this:

 import VPlayApps 1.0

 App {

   NavigationStack {

     Page {
       title: "Icons"

       // V-Play contains the FontAwesome icon font to display icons
       Icon {
         anchors.centerIn: parent
         icon: IconType.heart

Native Widgets and Features with NativeUtils

The NativeUtils component provides additional convenient access to several native device features and widgets.

Below is a list if the most important methods from NativeUtils:

displayAlertDialog Displays a native alert dialog with a given title, an optional description that can provide more details, an OK button and an optional Cancel button.
displayAlertSheet Displays a modal alert sheet with the specific options. It uses an AlertDialog on Android and a UIActionSheet on iOS.
displayCameraPicker Allows to take a photo by starting the native camera, if available.
displayDatePicker Allows to choose a date from a calendar by displaying a native date picker dialog, if available.
displayImagePicker Allows to choose a photo from the device by displaying the native image picker, if available.
displayMessageBox Displays a native-looking message box dialog with a given title, an optional description that can provide more details, an OK button and an optional Cancel button.
displayTextInput Displays a native-looking message input dialog with a given title, a description that can provide more details, a placeholder that is displayed as long as the input field is empty (optional) and a prefilled text.
getContacts Returns a list of all contacts including name and phone number.
openApp Tries to launch an app identified by launchParam on the device. The required parameter value depends on the platform.
openUrl Opens the urlString with the default application associated with the given URL protocol of the current platform.
sendEmail Opens the native email app prefilled with the given to receiver, subject and message.
share Opens the native share dialog with a given text and url.
storeContacts Stores one or more contacts to the device address book.

Voted #1 for:

  • Easiest to learn
  • Most time saving
  • Best support

Develop Cross-Platform Apps and Games 50% Faster!

  • Voted the best supported, most time-saving and easiest to learn cross-platform development tool
  • Based on the Qt framework, with native performance and appearance on all platforms including iOS and Android
  • Offers a variety of plugins to monetize, analyze and engage users
create apps
create games
cross platform
native performance
3rd party services
game network
level editor
easiest to learn
biggest time saving
best support