Skip to content

huangcheng/qml-emoji-picker

Repository files navigation

QML Emoji Picker

Preview

About

A QML Implementation of Emoji Picker for Qt/QML applications.

This project is an implementation of Emoji Picker React.

Installation

  • Clone the repository into somewhere in your project directory, for example as a submodule:
git submodule add https://github.com/huangcheng/qml-emoji-picker.git third_parties/qml-emoji-picker
  • Add into your project's CMakelists.txt:
add_subdirectory(third_parties/qml-emoji-picker)

target_link_libraries(${PROJECT_NAME} PRIVATE EmojiPickerplugin)
  • Add into your project's main.cpp:
engine.addImportPath(QStringLiteral(":/cheng.im/qml"));

This adds the :/cheng.im/qml resource prefix to the QML engine, so that it can find the QML files.

Usage

import im.cheng.EmojiPicker

EmojiPicker {
    width: 350
    height: 450

    theme: 'light'
    defaultSkinTone: 'neatral'
    skinTonesDisabled: false
    searchPlaceholder: 'Search'
    searchDisabled: false

    onEmojiClicked: function (emoji) {
        console.log(emoji)
    }
}

Links

  1. Documentation
  2. Demo

License

MIT