如何在 react-native 中显示 html / base64？答案

【问题标题】：How to show html / base64 in react-native?如何在 react-native 中显示 html / base64？
【发布时间】：2020-06-29 19:13:29
【问题描述】：

我想通过 webview 包使用 react-native 构建 3d 支付应用程序。我想将 webview 用于 3d 进程。但是我的支付公司返回通过 base64 编码的 html 内容。像这样；

threeDSHtmlContent : 'PGh0bWw+DQo8IS0tIHRyb3lTdGFydFN1Y2Nlc3MuaHRtIC0tPg0KPHRpdGxlPkdPPC90aXRsZT4NCgk8bWV0YSBodHRwLWVxdWl2PSJDb250ZW50LUxhbmd1YWdlIiBjb250ZW50PSJ0ciI+DQoJPG1ldGEgaHR0cC1lcXVpdj0iUHJhZ21hIiBjb250ZW50PSJuby1jYWNoZSI+DQoJPG1ldGEgaHR0cC1lcXVpdj0iRXhwaXJlcyIgY29udGVudD0ibm93Ij4NCgk8bWV0YSBodHRIgaWQ9ImJ0blNibXQiPjwvY2VudGVyPg0KCTwvbm9zY3JpcHQ+CQ0KCTwvZm9ybT4NCgk8L2JvZHk+DQo8L2h0bWw+DQo='

我可以在 html 中显示这个

<a href="data:text/html;base64,V2VsY29tZSB0byA8Yj5iYXNlNjQuZ3VydTwvYj4h"></a>

或

<iframe src="data:text/html;base64,V2VsY29tZSB0byA8Yj5iYXNlNjQuZ3VydTwvYj4h">
  The “iframe” tag is not supported by your browser.
</iframe>

react-native 怎么样？我用 WebView 进行了尝试，但它会引发错误，并且 webviews 编码人员说“我们不能支持这个”。我失去了它的网址，但有。

  <WebView
     javaScriptEnabled={true}
     source={{ source: `data:text/html;base64,${BasketStore.threeds.deneme}` }}
  />

【问题讨论】：

标签： html react-native webview base64

【解决方案1】：

你确定你的 WebView 的 source 属性是正确的吗？你可以试试这个吗？

<WebView
    javaScriptEnabled={true}
    source={{ html: `<a href="data:text/html;base64,${BasketStore.threeds.deneme}"></a>` }}
    />

或

<WebView
    javaScriptEnabled={true}
    source={{ html: `
        <iframe src="data:text/html;base64,${BasketStore.threeds.deneme}">
            The “iframe” tag is not supported by your browser.
        </iframe>
    ` }}
    />

【讨论】：

adamım sen bu işleri biliyorsun.