[Android] Add support to TextInput for Image Keyboards by stwiname · Pull Request #26088 · react/react-native

stwiname · 2019-08-16T21:26:45Z

Summary

Adds Image Keyboard Support to TextInput on Android. It adds the onImageInput prop which calls the callback and provides a local content uri, base64 encoded string of the image, mime type and possibly a url to the image on the web.

Changelog

[Android] [Added] - onImageInput prop to the TextInput component

Test Plan

Tested with Gboard, Fleksy and Tenor gif keyboard on android.

facebook-github-bot · 2019-08-16T21:26:59Z

Thank you for your pull request and welcome to our community. We require contributors to sign our Contributor License Agreement, and we don't seem to have you on file. In order for us to review and merge your code, please sign up at https://code.facebook.com/cla. If you are contributing on behalf of someone else (eg your employer), the individual CLA may not be sufficient and your employer may need the corporate CLA signed.

If you have received this in error or have any questions, please contact us at cla@fb.com. Thanks!

facebook-github-bot · 2019-08-16T21:29:57Z

Thank you for signing our Contributor License Agreement. We can now accept your code for this (and any) Facebook open source project. Thanks!

jasonivers · 2020-01-09T20:23:12Z

Is there any update on the status of this? It might not seem very important, but it IS a nice user enhancement, and the pull request is already here (although it appears it needs updated now). I'd really like to use this, without relying on patching things locally.

Adds the `onImageInput` prop to TextInput

stwiname · 2020-01-09T23:47:12Z

@jasonivers, I've rebased so everything is up to date

I don't know what can be done to get someone to merge this

roshangm1 · 2020-01-15T19:22:28Z

@cpojer @hramos This is a great PR to be merged if working properly. BTW, what are the ways we can test this locally ?

stwiname · 2020-01-22T20:22:52Z

@roshangm1 are you after example usage or how to run the react-native fork?
Either way here's a simple example

<TextInputonImageInput={(event)=>{// Will log an object of type { uri: string, linkUri: string, data: string, mime: string}console.log(event.nativeEvent);}}/>

Then using an image keyboard on android (Gboard, Fleksy, Tenor gif keyboard and probably a whole lot more) the function will get called.

On iOS the onImageInupt function will never be called

jasonivers · 2020-01-22T21:00:14Z

@jasonivers, I've rebased so everything is up to date
I don't know what can be done to get someone to merge this

There appear to be a couple of test failures. That could be why?

stwiname · 2020-01-22T21:28:26Z

@jasonivers, I've rebased so everything is up to date
I don't know what can be done to get someone to merge this
There appear to be a couple of test failures. That could be why?

Those tests seem to be failing on other PRs and unrelated to the changes

jasonivers · 2020-01-22T21:48:54Z

@JoshuaGross - I saw you merged a pull request for something to do with TextInput, and I have no idea how else to find the right person for this PR. Is there anything that needs done to get the right person's attention?

Gustash · 2020-04-17T08:18:13Z

Bump. This would be an awesome feature.

Also, unless I'm missing something, this PR doesn't seem to introduce this as optional? On some inputs you don't want this capability

Gustash · 2020-04-19T20:27:52Z

If anyone bumps into this while this PR isn't merged, I've created a package to not only handle this but also images copied to the clipboard on iOS.

https://www.npmjs.com/package/react-native-image-keyboard

analysis-bot · 2020-04-19T22:48:30Z

Platform	Engine	Arch	Size (bytes)	Diff
android	hermes	arm64-v8a	6,761,499	2,077
android	hermes	armeabi-v7a	6,408,592	2,055
android	hermes	x86	7,142,969	2,065
android	hermes	x86_64	7,034,242	2,043
android	jsc	arm64-v8a	8,929,946	1,950
android	jsc	armeabi-v7a	8,569,438	1,967
android	jsc	x86	8,754,548	1,952
android	jsc	x86_64	9,331,468	1,963

Base commit: b000664

analysis-bot · 2020-04-19T22:51:56Z

Platform	Engine	Arch	Size (bytes)	Diff
ios	-	universal	809,568	0

Base commit: b000664

tsvetann · 2021-03-10T08:33:29Z

a year and a half later...any luck here?

KrisLau · 2021-07-19T18:42:21Z

Would love to have this merged in as well

TheMakerOleguch · 2022-07-27T06:45:10Z

Any update on this?

Summary: This sync includes the following changes: - **[86c8c8d](react/react@86c8c8db7 )**: test: Don't retry flushActWork if flushUntilNextPaint threw ([#26121](react/react#26121)) //<Sebastian Silbermann>// - **[64acd39](react/react@64acd3918 )**: remove unguarded getRootNode call ([#26152](react/react#26152)) //<Josh Story>// - **[71cace4](react/react@71cace4d3 )**: Migrate testRunner from jasmine2 to jest-circus ([#26144](react/react#26144)) //<Ming Ye>// - **[c851022](react/react@c8510227c )**: Treat displayName as undefined ([#26148](react/react#26148)) //<Sebastian Markbåge>// - **[55542bc](react/react@55542bc73 )**: Update jest printBasicPrototype config ([#26142](react/react#26142)) //<Ming Ye>// - **[6396b66](react/react@6396b6641 )**: Model Float on Hoistables semantics ([#26106](react/react#26106)) //<Josh Story>// - **[ef9f6e7](react/react@ef9f6e77b )**: Enable passing Server References from Server to Client ([#26124](react/react#26124)) //<Sebastian Markbåge>// - **[3569831](react/react@35698311d )**: Update jest escapeString config ([#26140](react/react#26140)) //<Ming Ye>// - **[6ddcbd4](react/react@6ddcbd4f9 )**: [flow] enable LTI inference mode ([#26104](react/react#26104)) //<Jan Kassens>// - **[53b1f69](react/react@53b1f69ba )**: Implement unstable_getBoundingClientRect in RN Fabric refs ([#26137](react/react#26137)) //<Rubén Norte>// - **[5940934](react/react@594093496 )**: Update to Jest 29 ([#26088](react/react#26088)) //<Ming Ye>// - **[28fcae0](react/react@28fcae062 )**: Add support for SVG `transformOrigin` prop ([#26130](react/react#26130)) //<Aravind D>// - **[3ff1540](react/react@3ff1540e9 )**: Prefer JSX in ReactNoop assertions (to combat out-of-memory test runs) ([#26127](react/react#26127)) //<Sebastian Silbermann>// - **[01a0c4e](react/react@01a0c4e12 )**: Add Edge Server Builds for workerd / edge-light ([#26116](react/react#26116)) //<Sebastian Markbåge>// - **[f0cf832](react/react@f0cf832e1 )**: Update Flight Fixture to "use client" instead of .client.js ([#26118](react/react#26118)) //<Sebastian Markbåge>// - **[03a2160](react/react@03a216070 )**: Rename "dom" fork to "dom-node" and "bun" fork to "dom-bun" ([#26117](react/react#26117)) //<Sebastian Markbåge>// - **[4bf2113](react/react@4bf2113a1 )**: Revert "Move the Webpack manifest config to one level deeper ([#26083](react/react#26083))" ([#26111](react/react#26111)) //<Sebastian Markbåge>// - **[2ef2414](react/react@2ef24145e )**: [flow] upgrade to 0.199.0 ([#26096](react/react#26096)) //<Jan Kassens>// - **[922dd7b](react/react@922dd7ba5 )**: Revert the outer module object to an object ([#26093](react/react#26093)) //<Sebastian Markbåge>// - **[9d111ff](react/react@9d111ffdf )**: Serialize Promises through Flight ([#26086](react/react#26086)) //<Sebastian Markbåge>// - **[0ba4698](react/react@0ba4698c7 )**: Fix async test in React reconciler ([#26087](react/react#26087)) //<Ming Ye>// - **[8c234c0](react/react@8c234c0de )**: Move the Webpack manifest config to one level deeper ([#26083](react/react#26083)) //<Sebastian Markbåge>// - **[977bccd](react/react@977bccd24 )**: Refactor Flight Encoding ([#26082](react/react#26082)) //<Sebastian Markbåge>// - **[d7bb524](react/react@d7bb524ad )**: [cleanup] Remove unused package jest-mock-scheduler ([#26084](react/react#26084)) //<Ming Ye>// - **[6b30832](react/react@6b3083266 )**: Upgrade prettier ([#26081](react/react#26081)) //<Jan Kassens>// - **[1f5ce59](react/react@1f5ce59dd )**: [cleanup] fully roll out warnAboutSpreadingKeyToJSX ([#26080](react/react#26080)) //<Jan Kassens>// Changelog: [General][Changed] - React Native sync for revisions 48b687f...fccf3a9 jest_e2e[run_all_tests] Reviewed By: rubennorte Differential Revision: D43305607 fbshipit-source-id: 8da7567ca2a182f4be27788935c2da30a731f83b

github-actions · 2023-03-17T18:01:05Z

This PR is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.

github-actions · 2023-03-25T00:02:12Z

This PR was closed because it has been stalled for 7 days with no activity.

WithakErik · 2025-04-28T17:48:10Z

Was this ever implemented? I've tried adding react-native-image-keyboard (https://www.npmjs.com/package/react-native-image-keyboard) but I still get the error message: Can't enter this content here in a TextInput

shuo-hiwintech · 2025-09-25T03:04:52Z

Was this ever implemented? I've tried adding react-native-image-keyboard (https://www.npmjs.com/package/react-native-image-keyboard) but I still get the error message: Can't enter this content here in a TextInput

Same problem. Have you made any progress?

facebook-github-bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Aug 16, 2019

react-native-bot added API: Keyboard Component: Image Component: TextInput Related to the TextInput component. Platform: Android Android applications. Type: Enhancement A new feature or enhancement of an existing feature. labels Aug 16, 2019

Add support for image keyboards to TextInput on Android
355aa03
Adds the `onImageInput` prop to TextInput

stwiname force-pushed the android-image-keyboard branch from 05775bc to 9e8f29bCompare January 9, 2020 22:15

Provide base64 encoded image in event
b15ad2c

stwiname force-pushed the android-image-keyboard branch from 9e8f29b to b15ad2cCompare January 9, 2020 22:43

Merge branch 'master' into android-image-keyboard
413c83d

brkastner mentioned this pull request Jun 6, 2020
Unable to input GIFs from Google Keyboard FaridSafi/react-native-gifted-chat#1318
Closed

xmflsct mentioned this pull request May 7, 2022
Upload GIF via Android-Keyboard tooot-app/app#261
Closed

github-actionsBot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Mar 17, 2023

github-actionsBot closed this Mar 25, 2023

shuo-hiwintech mentioned this pull request Nov 14, 2025
[Feature Request] Support keyboard image/GIF insertion (Gboard, iOS keyboard, etc.) software-mansion/react-native-enriched-html#212
Closed

Uh oh!

Conversation

stwiname commented Aug 16, 2019• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Summary

Changelog

Test Plan

Uh oh!

facebook-github-bot commented Aug 16, 2019

Uh oh!

facebook-github-bot commented Aug 16, 2019

Uh oh!

jasonivers commented Jan 9, 2020

Uh oh!

stwiname commented Jan 9, 2020

Uh oh!

roshangm1 commented Jan 15, 2020

Uh oh!

stwiname commented Jan 22, 2020

Uh oh!

jasonivers commented Jan 22, 2020

Uh oh!

stwiname commented Jan 22, 2020

Uh oh!

jasonivers commented Jan 22, 2020

Uh oh!

Gustash commented Apr 17, 2020• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Gustash commented Apr 19, 2020• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

analysis-bot commented Apr 19, 2020

Uh oh!

analysis-bot commented Apr 19, 2020• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

tsvetann commented Mar 10, 2021

Uh oh!

KrisLau commented Jul 19, 2021

Uh oh!

TheMakerOleguch commented Jul 27, 2022

Uh oh!

github-actionsBot commented Mar 17, 2023

Uh oh!

github-actionsBot commented Mar 25, 2023

Uh oh!

WithakErik commented Apr 28, 2025

Uh oh!

shuo-hiwintech commented Sep 25, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

13 participants

stwiname commented Aug 16, 2019•
edited
Loading

Gustash commented Apr 17, 2020•
edited
Loading

Gustash commented Apr 19, 2020•
edited
Loading

analysis-bot commented Apr 19, 2020•
edited
Loading