Skip to main content

Insert content text input client

Summary

#

Added an insertContent method to the TextInputClient interface to allow Android's image keyboard feature to insert content into a Flutter TextField.

Context

#

As of Android 7.1, IMEs (input method editors or virtual keyboards) can send images and rich content into a text editor. This allows users to insert gifs, stickers, or context-aware rich content into a text field.

Description of change

#

When the user inserts rich content in the IME, the platform sends a TextInputClient.commitContent channel message, notifying the Dart code that the IME inserted rich content. The channel message contains the mime type, URI, and bytedata for the inserted content in JSON form.

Migration guide

#

If you implemented the TextInputClient interface earlier, override insertContent to either support rich content insertion or provide an empty implementation.

To migrate, implement insertContent.

Code before migration:

dart
class MyCustomTextInputClient implements TextInputClient {
  // ...
}

Code after migration:

dart
class MyCustomTextInputClient implements TextInputClient {
  // ...
  @override
  void insertContent() {
    // ...
  }
  // ...
}

Your implementation of TextInputClient might not require the ability to receive rich content inserted from the IME. In that case, you can leave the implementation of insertContent empty with no consequences.

dart
class MyCustomTextInputClient implements TextInputClient {
  // ...
  @override
  void insertContent() {}
  // ...
}

As an alternative, you can use a similar implementation to the default TextInputClient. To learn how to do this, check out the insertContent implementation.

To prevent breaking changes to an interface, use with TextInputClient rather than implements TextInputClient.

Timeline

#

Landed in version: 3.8.0-1.0.pre
In stable release: 3.10.0

References

#

API documentation:

Relevant issue:

Relevant PRs: