在 React Native WebView 中隐藏 React.js 组件

Posted 2023-05-07

【中文标题】在 React Native WebView 中隐藏 React.js 组件

【英文标题】：Hide React.js component in React Native WebView

【发布时间】：2021-06-03 23:36:27

【问题描述】：

我正在通过WebView 创建一个React Native 应用程序，该应用程序是我在React 开发的当前网站。有些组件我不想在应用程序上显示，我想隐藏它。有没有办法做到这一点。

我尝试了injectedjavascript 函数。通过浏览器找到组件的div类，并通过document.getElementsByClassName('class')[0].style.display='none'隐藏起来

这适用于浏览器，但不适用于我的 ReactNative WebView。有什么办法可以在 React Native WebView 中禁用 react.js 的组件？

【参考方案1】：

尝试将注入的脚本包装在这样的立即调用函数中

const injectedScript = `
     (function () 
         // add an alert to make sure that the script is executed
         alert('Holla amigo')
         // you code 
     )();`