React native项目和React项目交互,用injectJavaScript把js代码注入到项目中
在React Native项目和React项目之间进行交互时,如果你想要通过injectJavaScript方法将JavaScript代码注入到React Native WebView中,你可以参考以下示例代码:
import React, { Component } from 'react';
import { WebView } from 'react-native-webview';
export default class MyWebView extends Component {
render() {
const injectedJavaScript = `(function() {
// 这里写入你的JavaScript代码
document.body.style.backgroundColor = 'red';
})();`;
return (
<WebView
source={{ uri: 'https://example.com' }}
injectedJavaScript={injectedJavaScript}
/>
);
}
}
在这个例子中,injectedJavaScript
属性被用于注入一个自定义的JavaScript函数,这个函数将修改网页的背景颜色为红色。这个函数在网页加载时被调用。
请注意,WebView组件可能会因为不同的React Native版本和WebView插件版本而有所不同,确保安装了正确的依赖。
评论已关闭