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

Question

我想通过 webview 包构建带有 react-native 的 3d 支付应用程序。我想使用 webview 进行 3d 处理。但是我的支付公司 return html 内容是通过 base64 编码的。像这样；

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 编码人员说“我们不能支持这个”。我弄丢了它 url 但还有。

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

Answer 1

你确定你的 WebView 的 source prop 是正确的吗？你能试试这个吗？

<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>
    ` }}
    />

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

How to show html / base64 in react-native?

html

base64

webview

react-native