Webview is not executing my JavaScript from the web page on Android?

[andrisole92]

Description

When I open WebView on Android emulator or real device it does not execute JavaScript. I have run simple Android App in Android Studio and it worked there.

Reproduction Steps

Just create a new app and add this WebView to it

Sample Code

<WebView
                style={[styles.flex]} //styles
                javaScriptEnabled={true} //enabling JavaScript
                source={{uri: 'http://partners.zeew.eu/'}} //Url
            />

Solution

Can you please check it and say what is wrong?

Additional Information

• React Native version: 0.45.1
• Platform: Android ( not sure about iOS )
• Development Operating System: Windows
• Build tools: Android Studio: Nexus 5x edited_api_25 Android 6.0 Google APIs, Nexus 5 API level 26, Android 8.0.0

[hramos]

Can you reproduce this using Snack?

[andrisole92]

Yes: https://snack.expo.io/H18CZMeVW
You may want to check WebView URL in the browser and see when the button in clicked it goes interactive: http://partners.zeew.eu/

But in WebView, when I click a button nothing happens. Same thing with my second website, where the entire page does not load, because it is all in JavaScript.

[hramos]

Any chance you can write a minimal reproduction? Such as loading a very simple website with minimal JavaScript, as opposed to your actual app.

[andrisole92]

I am using React-navigation (https://reactnavigation.org/), that's why I can't reproduce it fully.
There are two buttons in my app: Login and Register.
When I click on Register, there is a function, that navigates me to the Screen with the WebView, identical to one that I have posted above on Snack.

[andrisole92]

Anyway, a simple page with only a WebView should be displaying JavaScript with javaScriptEnabled option, right? And it is not.

[UtenteBello]

I have added a html template into react native webView, but when i run the app on IPad don't work the css files linked on html template.

[UtenteBello]

Can you help me?

[andrisole92]

Can you show me your code?

[UtenteBello]

import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
WebView,
} from 'react-native';

export default class Products extends Component {
render() {
return (
<WebView
source={require('./Prova.html')}
/>
);
}
}

AppRegistry.registerComponent('Products', () => Products);

[UtenteBello]

This is my index.ios, and Prova.html is a simple file liked to css file

[pankaj-ag]

I am having the same issue.

[andrisole92]

That is why I stopped using React-Native tbh

[andrisole92]

The community does not seem to be really strong and supportive.

[charpeni]

Hi @andrisole92,

I'm sorry that you're experiencing some issues with WebView.

Let's figure it out together.

setJavaScriptEnabled from ReactWebViewManager.java seems fine.
defaultProps are set in WebView.android.js.
javaScriptEnabled prop is passed in WebView.android.js.

Could be related to #14834, @koenpunt ?

Does anyone have an idea? If not, I'll try to take a look.

Feel free to ping me if you need any assistance.

[koenpunt]

For me the page loaded in the webview has no problem using JavaScript, but the injected JavaScript doesn't get executed without javaScriptEnabled set to true