Inject JavaScript call in React-Native WebView

Question

I'd like to be able to inject a JavaScript call into a WebView within React-Native in order to be able to modify the view it is displaying. For example, I'd like to inject:

 setRouteId(125123123);

and have it execute against the current context. Is there a way to do this with React-Native's WebView? I don't see anything currently in the source code but wanted to make sure I am not missing anything.

I don't believe that it exists after a lot of investigation of the source code. I put together a pull request to add support for stringByEvaluatingJavaScriptFromString in a pull request: github.com/facebook/react-native/pull/1191/files — outside2344
– outside2344, Commented May 7, 2015 at 20:26

Johnny C · Accepted Answer · 2016-05-18 16:58:08Z

2

As long as you have control over the javascript you want to invoke, you can change the hash context of a url without the webview reloading. So if you set the webview url to append #route-id=125123123 to the current url, listening in JS for the onhashchange event will let you perform the action.

answered May 18, 2016 at 16:58

Johnny C

1,8591 gold badge19 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Inject JavaScript call in React-Native WebView

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related