React Native webview注入Javascript自动填充webform答案

【问题标题】：React native webview injectedJavascript auto fill webformReact Native webview注入Javascript自动填充webform
【发布时间】：2020-05-20 19:40:04
【问题描述】：

所以这就是我希望让它工作的东西，我正在使用 webview 加载 zara 网站，他们的登录表单电子邮件元素你可以在这里检查 https://www.zara.com/uk/en/logon <input id="email" name="email" type="text" value="" autocomplete="off"

我希望当我的应用程序 webview 登陆 zara 登录页面时，React Native 应用程序可以自动填写登录电子邮件和密码字段。以下是我的尝试：从“反应”导入反应；

import { StyleSheet } from 'react-native';
import { WebView } from 'react-native-webview';

export default function ZaraWebView() {
  return (
    <WebView
      source={{uri: 'https://www.zara.com/uk'}}  
      injectedJavaScript={`(function(){document.getElementById('email').value = 'test@test.com';} 
());`}    
      style={{flex: 1, marginTop: 30}}
    />
  );
}

但它似乎不起作用，有任何示例建议吗？谢谢

【问题讨论】：

标签： javascript reactjs forms react-native webview

【解决方案1】：

我有类似的东西，当我从 Webview 组件中删除样式时，它起作用了。我将 Webview 组件包装在 View 组件中，并对其应用相同的样式，它按预期工作。

【讨论】：