Integrating Pixo into native iOS and Android apps with Flutter

Although Pixo Editor does not provide native SDK for iOS, Android, or Flutter, it can be easily integrated into a native application, thanks to the WebView component, supported by both platforms. All you need is an embedded HTML page that integrates Pixo, a WebView instance rendering that HTML page, and a communication controller. Here is the flow:

  1. Any Image is converted to base64 string
  2. The WebView component renders a static HTML page that integrates Pixo
  3. The static HTML page gets the base64 string and opens it in Pixo
  4. The onSave callback of the Pixo.Bridge instance sends back the edited image as base64 string as a JavascriptChannel
  5. The base64 string is converted to Image

Here is a short video showing the end result:

You can check the source code of the above example in our public GitLab repo.

If you are interested into a fully native iOS app integrating Pixo with Swift, check out this post.

Leave a Reply

Your email address will not be published. Required fields are marked *