在React Native中呈现本地html文件

我使用Expo for android运行React Native，并试图在本地目录中呈现html文件（它显示了一个地图图像），但它无法正常工作

我遵循了一些参考资料，在expo和npm中安装了webview依赖项

问题是结果只是html代码视图，而不是地图图像

请看下面我的结果：

我的react本机代码如下（非常简单）：

import React，{Component}来自'React'；
从“react native WebView”导入{WebView}；
const testHtml=require（'./arcgis/arc1.html'）；
导出默认函数App（）{
返回(
);
} 

当我在在线html网站中编译html文件时，它显示如下：

左-html代码，右-结果

这个html文件只是来自官方gis网站的示例文件，所以我猜我的react本地代码一定是错的

我怎样才能解决这个问题

---

谢谢

您必须使用此模块来呈现html

编辑：

而不是使用HTML文件将HTML存储到.js文件中

并按如下方式导出

export const MyHTML =
    `<p>Here is an <em>ul</em> tag</p>
    <ul>
        <li>Easy</li>
        <li>Peasy</li>
        <li><div style="background-color:red;width:50px;height:50px;"></div></li>
        <li>Lemon</li>
        <li>Squeezy</li>
    </ul>
    <br />
    <p>Here is an <em>ol</em> tag</p>    
    <ol>
        <li>Sneaky</li>
        <li>Beaky</li>
        <li>Like</li>
    </ol>
`;

export const MyHTML=
` 这是ul标签


轻松的
豌豆

柠檬
挤压



这是一个ol标签

鬼鬼祟祟的
尖嘴的
像
`;

然后将MyHTML传递给YRU HTML渲染器。

您可以使用它来渲染HTML文件

这里有一个例子

import React, { Component } from 'react';
import { WebView } from 'react-native-webview';

const myHtmlFile = require("./my-asset-folder/local-site.html");

class MyWeb extends Component {
  render() {
    return (
      <WebView source={myHtmlFile} />
    );
  }
}

import React，{Component}来自'React'；
从“react native WebView”导入{WebView}；
const myHtmlFile=require（“./myasset folder/local site.html”）；
类MyWeb扩展组件{
render（）{
返回(
);
}
}

你可以看看你的推荐信，这对我很有帮助！我遵循了一些代码，现在没有文本视图，但我仍然看不到底图图像。它只显示按钮和版权文本。这正是问题中的代码，看不出这有什么帮助。我已经试过了，但示例仅使用html文本，如“一些伪html代码”

”。我需要在本地目录中显示using.html文件。你能给我举个例子吗？谢谢。我对我的答案做了修改，看一下。我试过你的建议了。现在它看起来有点像官方网站许可证和按钮视图。我会找到其他不使用html的方法。无论如何谢谢你！

import React, { Component } from 'react';
import { WebView } from 'react-native-webview';

const myHtmlFile = require("./my-asset-folder/local-site.html");

class MyWeb extends Component {
  render() {
    return (
      <WebView source={myHtmlFile} />
    );
  }
}