Android Javascript injection not working. about react-native-webview-messaging HOT 16 CLOSED

Hey,
Thanks for feedback!
Could you please share your code example which is not working for you? Might be some non-trivial case or smth. Android version works fine for me, so need to investigate your issue

from react-native-webview-messaging.

Might be realted to facebook/react-native#11594

from react-native-webview-messaging.

Check out this example. Tested it on android, works fine (however I had no chance to launch expo example on android, but actually I had never able to make android work with expo on my dev machine 😀)

from react-native-webview-messaging.

Okay was just writing up an explanation, but now I will look into this.

The screenshot shows that the RNMessageChannel is there (the reference is always RnMessageChannel.window even though its imported in React as RNMsgChannel).
So the message channel is loaded but its not reachable by the code on time which goes back to the issue you referred to.

React

React-Native

No non-trivial usecase so far, just connecting native components like facebook, firebase IAP etc.

from react-native-webview-messaging.

can you also share your import statement of message channel? (webview js, not react native)

from react-native-webview-messaging.

In our React Project:
import RNMsgChannel from "react-native-webview-messaging";

Also tried
const RNMsgChannel = window.RNMessageChannel

quick note you used RNMessagesChannel in the readme, RNMessageChannel.window for exporting and RNMsgChannel in importing 😄.
Does the problem lie there?

from react-native-webview-messaging.

the reason why you can't reach RNMsgChannel variable from devtools console is that webpack wraps each module into function and this prevents variable from leaking to global scope. If you want to have access to this variable, make explicit assignment to window.

import WhateverNameYouLike from 'react-native-webview-messaging';

window.WhateverNameYouLike = WhateverNameYouLike;

quick note you used RNMessagesChannel in the readme, RNMessageChannel.window for exporting and RNMsgChannel in importing 😄

The reason why I've used different naming in example is to demonstrate that you can name this channel whatever you like, it'd still be working. Ideally you shouldn't be aware of global variable named RNMessageChannel and take it in account. Use commonjs/es6 modules and names you like 😄

but yeah, you're right, there is a typo in README 👍

from react-native-webview-messaging.

Yeah thats what i figured thats why I'm wondering why you asked about the import as the module always exports to window.RNmessageChannel. That screenshot shows some late night programming ;) However it displays the problem thats why i attached it.

from react-native-webview-messaging.

Thanks for highlighting this issue and welcome v0.4.1 😏

BTW, was your android issue resolved?

from react-native-webview-messaging.

Not yet we are going to try the timeout and try your example. I will update here asap.

from react-native-webview-messaging.

Example gives me this warning.
ran react-native link.

from react-native-webview-messaging.

Is it example from this repo as is or did you add some modules you use in your app?

from react-native-webview-messaging.

Just the example as is.

from react-native-webview-messaging.

react-native --version

from react-native-webview-messaging.

react-native-cli: 2.0.1
react-native: 0.47.1

Anyway I gave up I opted to rewrite our wrapper in Native Android.
This is working for me with the same React Setup I was using.
I still haven't been able able to fix it for now I wont spend anymore time on this however.
I will keep using it for IOS though 👍

from react-native-webview-messaging.

Most likely you have some issues with your dev env as I've tested android setup on 2 machines and everything works as expected...

from react-native-webview-messaging.