https://github.com/paulondc/quicknative

Native components for QML
https://github.com/paulondc/quicknative

Last synced: about 1 month ago
JSON representation

Native components for QML

• Host: GitHub
• URL: https://github.com/paulondc/quicknative
• Owner: paulondc
• License: mit
• Created: 2016-08-24T18:02:00.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2018-07-03T23:37:53.000Z (almost 7 years ago)
• Last Synced: 2025-04-24T06:50:05.871Z (about 1 month ago)
• Language: C++
• Homepage:
• Size: 484 KB
• Stars: 46
• Watchers: 12
• Forks: 7
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


The goal of quick native is to provide native user experience in components that require a fine integration in both Android and IOS. Also, this library is inspired by how [RectNative](http://www.reactnative.com) extensions work which briefly means to provide an abstracted interface that's platform independent.

One of the main reasons to use QML/Qt is the fact that apps don't need to run in their target platform all the time (through emulators or physical devices), instead they can be executed locally which makes the process of writing mobile apps very convenient, therefore components in this library fallback to Qt's standard ones when the running platform does not have the equivalent native one.

### Native Components

Component | Native Android | Native IOS | Desktop |

--- | --- | --- | --- |

NativeFileDialog | Provided By QuickNative | Native component provided by Qt | Provided By Qt |

NativeTextInput | *coming soon* | *coming soon* | *coming soon* |

### Examples

#### Image Picker (NativeFileDialog)

* This component has been successfully tested accross different android versions and devices

* Follows the same api as [FileDialog](http://doc.qt.io/qt-5/qml-qtquick-dialogs-filedialog.html):

```javascript

import QuickNative 0.1

...

NativeFileDialog {

    selectMultiple: true

    folder: shortcuts.pictures

    Component.onCompleted: {

        open()

    }

    onFileUrlsChanged: {

        console.log(fileUrls)

    }

}

...

```

#### Result

Android | IOS | Desktop

--- | --- | --- |

 |  | 

### Installation

This library is available through [qpm](https://www.qpm.io):

    qpm install com.paulon.quicknative

### Licensing

QuickNative is free software; you can redistribute it and/or modify it under the terms of the MIT License