Webview 使用react native呈现位于设备上的网页

Webview 使用react native呈现位于设备上的网页,webview,react-native,local-storage,Webview,React Native,Local Storage,我做了很多研究,试图在android和ios上用react native在网页中呈现本地网页(基于url中get vars的动态内容),但没有任何效果。 首先,这可能吗? 如果不可能,还有其他跨平台移动开发技术可以实现这一点吗 谢谢是的,可以将本地html加载到webview中。您可以通过require将html传递到webview的source属性。下面是一个例子: 感谢您的快速回复。我不完全确定它作为预先制作的内容生成的方式,但我所知道的是,有基于url GET VAR生成的xml文件和图像

我做了很多研究,试图在android和ios上用react native在网页中呈现本地网页(基于url中get vars的动态内容),但没有任何效果。 首先,这可能吗? 如果不可能,还有其他跨平台移动开发技术可以实现这一点吗


谢谢

是的,可以将本地html加载到webview中。您可以通过
require
将html传递到webview的
source
属性。下面是一个例子:


感谢您的快速回复。我不完全确定它作为预先制作的内容生成的方式,但我所知道的是,有基于url GET VAR生成的xml文件和图像是用js处理的。对于例如lang=fr,则js加载'image-fr.jpg'1。如果我可以得到这样的东西,那么这会加载index.html中的任何js和css依赖项吗?我读过很多地方认为这是不可能的。2.我得到了一个在ios模拟器上工作的例子,其中有一个我公司制作的网站的副本,但是当我们编译到一个设备上时,我们只得到了一个空白的网络视图。在互联网上关于这一主题的一些问题上,一些人说,在计算机上实现这一功能的唯一原因是react通过计算机服务器访问文件。但这在设备上是不可能的。这是正确的吗?注意:我已经尝试过这个例子,它确实非常有效。只要我把css和js放在不同的文件中,它就会破坏应用程序。它只呈现主文件中的html。@Man68是本地还是远程js和css文件?所有文件都位于本地
render(): ReactElement<any> {
      return (
        <WebView
          style={{
            backgroundColor: BGWASH,
            height: 100,
          }}
          source={require('./helloworld.html')}
          scalesPageToFit={true}
        />
      );
    }
render(): ReactElement<any> {
          return (
            <WebView
              style={{
                backgroundColor: BGWASH,
                height: 100,
              }}
              source={require('./helloworld.html')}
              scalesPageToFit={true}
              injectedJavaScript="var a = 1;"
            />
          );
        }