我能用react-native-webview呈现空洞的HTML页面吗？
是的，你可以使用react-native-webview来呈现空洞的HTML页面。
React Native WebView是一个用于在React Native应用程序中显示Web内容的组件。它允许你在应用程序中嵌入一个原生的WebView，并使用HTML、CSS和JavaScript来构建和呈现网页。
对于空洞的HTML页面，你可以使用WebView组件加载一个包含所需内容的HTML文件。空洞的HTML页面通常是指没有实际内容的页面，只有基本的HTML结构和样式。你可以在HTML文件中定义所需的结构和样式，然后在WebView中加载该文件。
React Native WebView的优势在于它提供了与原生WebView相同的功能和性能，同时还能够与React Native应用程序进行无缝集成。它支持与JavaScript的交互，可以通过JavaScript代码来操作和控制WebView中的内容。
应用场景方面，使用React Native WebView可以实现在React Native应用程序中展示网页内容，包括加载静态HTML页面、显示动态生成的网页内容、嵌入第三方网页等。它适用于需要在应用程序中展示Web内容的各种场景，如新闻阅读、商品展示、社交分享等。
腾讯云相关产品中，可以使用腾讯云的云服务器（CVM）来部署和运行React Native应用程序。腾讯云的云服务器提供了稳定可靠的计算资源，可以满足应用程序的运行需求。你可以通过腾讯云的云服务器产品页面（https://cloud.tencent.com/product/cvm）了解更多相关信息。
总结起来，使用react-native-webview可以实现在React Native应用程序中呈现空洞的HTML页面。你可以通过定义HTML结构和样式来创建空洞的HTML页面，并使用WebView组件加载该页面。腾讯云的云服务器是一个适合部署和运行React Native应用程序的选择。
相关·内容
所以问题是:我能用react-native-webview呈现来自后台(html页面)的响应吗？
浏览 30提问于2019-04-05得票数 0
回答已采纳
2回答
我有一个反应原生应用程序，在那里我使用沙盒rest api来完成贝宝支付的react-native-webview的帮助。这是成功地将我重定向到贝宝结账页面，并做付款。但我需要把用户带到前一个屏幕的应用程序后，成功付款。我需要知道这笔交易是否成功。我能用websocket做到这一点吗？如果是这样，我如何做到这一点？
浏览 0提问于2020-03-25得票数 3
我已经创建了一个简单的html页面并将其加载到WebView中：
const OurStoryHTML = require ('./test.html');
import { WebView } from "react-native-webview";
<WebView
source={OurStoryHTML}
originWhitelist={["*"]}
/>
我的网页包含以下标签：
<script async="async" src='http://www.youvisit.com/t
浏览 0提问于2020-05-28得票数 0
1回答
这是我目前的装备。我有一个sharepoint站点，在这里我加载了一个javascript文件，该文件修改了默认列表的外观(我用警报替换了代码.)：
_spBodyOnLoadFunctionNames.push("test");
function test() {
alert();
}
然后，我添加了一个脚本编辑器web应用程序，其中包含以下内容：
<script type="text/javascript" language="javascript" src="/sites/path/script.js
浏览 1提问于2015-09-02得票数 1
回答已采纳
我在我的项目React Native中使用了react-native-webview。我的webview有一个javascript数组，我需要获取这个数组并在一个菜单中显示值，就像这个幻灯片菜单：https://raw.githubusercontent.com/instea/react-native-popup-menu/master/android.demo.gif 代码： function WebViewPage(){
const html = `
<html>
<body>
<d
浏览 43提问于2020-07-17得票数 2
回答已采纳
1回答
我正在尝试在我的react原生应用程序中使用google图表。 下面是我的代码： import React, {useState, useEffect} from 'react';
import {StyleSheet, View} from 'react-native';
import {WebView} from 'react-native-webview';
import {Chart} from 'react-google-charts';
const ChartScreen = (props: any) =>
浏览 24提问于2021-09-29得票数 0
有没有办法将web React组件直接传递给WebView？像这样的东西-
import ReactContainer from 'somewhere';
import { WebView } from "react-native-webview";
<WebView
source={{ html: "<ReactContainer/>" }}
></WebView>
浏览 3提问于2020-05-31得票数 4
我有多个页面(并非全部)具有相同的功能(发送联系人信息的控件)，甚至是Dekstop和Mobile网站。
我只想创建一个控件，并将其声明为："<asp:MySendInfo />“，在任何我想要显示所有TextBoxes、Lables、load事件等的地方，这些控件构成了空洞功能。
我不能用iframes或者主页。
浏览 5提问于2014-08-21得票数 0
回答已采纳
你认为机器人能用HTML发送邮件到页面上提到的电子邮件地址吗？
这是我的代码：
<h6 class="text-gray">
<script type="text/javascript">
var email = 'gmail.com';
email = ('blabla.blibli' + '@' + email);
document.write('<a href="mailto:' + email
浏览 2提问于2017-04-13得票数 0
回答已采纳
我希望获得所选元素的整个html，而不仅仅是contents. .html()，根据文档，它使用javascripts方法。HTML：
<div id="div1">
<p>Some Content</p>
<p>Some Content</p>
</div>
使用$("#div1").html()。它返回的div标签的空洞内容
<p>Some Content</p>
<p>Some Content</p>
我不能用。我
浏览 3提问于2016-11-19得票数 2
回答已采纳
我使用过react-native-webview来渲染超文本标记语言文本。但是文本在iOS中太小了，而在安卓中却很完美。
下面是几行代码：
import { WebView } from "react-native-webview";
render() {
<WebView
originWhitelist={['*']}
source={{ html: '<p>This is a static HTML source!</p>' }}
/>
}
附加截图：
浏览 4提问于2019-03-05得票数 22
回答已采纳
我使用了两个社交登录，都是引用react-native-webview依赖项。
安装的版本:react-native-linkedin(使用react-native-webview 7.0.5)，react-native-instagram-login (使用react-native-webview 7.5.1)，react-native-webview ^7.5.1
你能告诉我如何解决这个问题吗？
屏幕截图
浏览 1提问于2020-04-27得票数 0
3回答
我运行，并试图在本地目录中呈现html文件(它显示一个映射图像)，但它不能正常工作。
我遵循了几个参考，在世博和npm中安装了webview依赖项。
问题是，结果只是html代码视图，而不是地图图像。
请看我的结果如下：
我的反应本机代码是这样(非常简单)：
import React, { Component } from 'react';
import { WebView } from 'react-native-webview';
const testHtml = require('./arcgis/arc1.html');
exp
浏览 11提问于2020-05-30得票数 1
我正在尝试在react-native中的webView和使用React-360创建的web应用(当然还有React)之间创建一种通信。我正在使用react-native-webview，并在此链接中遵循以下指南来创建通信：https://github.com/react-native-community/react-native-webview/blob/master/docs/Guide.md使用页面中的示例，使用一个简单的html页面(类似于链接中的示例)，在脚本部分使用函数window.ReactNativeWebView.postMessage(data)它工作得很好： <W
浏览 46提问于2020-06-18得票数 3
我正在用博览(SDK v35)构建一个(SDK，v35)，当我将二进制文件交付到时，我收到了一个警告，很多人已经收到了这样的警告：
苹果将停止接受使用 API的应用程序的提交。
我意识到这个警告与v7.0.1之前的react-本机-webview有关，如果UIWebView在任何地方使用，包括依赖项，它都会出现。
但是，我已经彻底清理了代码，以至于grep -r UIWebView ./*显示为空(我甚至删除了注释)。我还确保所有依赖项都使用了一个版本的react本机-webview，这个版本比修补的7.0.1版本要大。这是来自grep -r webview ./node_modules/*
浏览 0提问于2019-12-08得票数 5
回答已采纳
我主要工作在企业应用程序的服务器端层(Java，Spring框架)。
现在，我正在尝试理解(只是理解，而不是掌握)客户端技术。阅读有关HTML和CSS的书籍和在线材料)。我想看的下一个技术是java脚本。
我很难理解我们如何将所有这些技术结合起来，并创建一个“页面”。例如，如果我创建somepage.html，它可以有HTML、CSS、JavaScript (和扩展仍然是.html)。这就像“混合”各种技术，这怎么可能？
这是因为页面最终被浏览器读取，因此混合是可能的吗？
有人能用简单的语言帮助我澄清这些疑虑吗？
浏览 12提问于2016-08-08得票数 9
回答已采纳
我使用react-native和它的webview来调用一个网页，在四五个页面的流的末尾，它们使用window.print方法打印页面。但是，当我点击按钮打印页面时，没有任何反应。你知道在这种情况下我该怎么做才能使按钮工作吗？我只在Android中尝试过，我使用了"react-native-webview"："^5.10.0“和"react-native"："^0.59.9”。
浏览 79提问于2020-04-08得票数 2
2回答
我想更改删除html页面中带有id的特定标记，例如.<div id="theid"><p>sometext</p></div>。
有什么方法可以对js做出反应吗？我知道我可以用document.getElementById("theid").remove();的javascript来做这件事，我怎样才能用反应的方式来做呢？我不需要按钮或任何东西，只要删除它时，页面加载。如果可能的话，我更喜欢不导入任何模块或库的方法。谢谢。
浏览 11提问于2022-02-22得票数 0
回答已采纳
如何通过在expo中按下按钮来加载webview内容?我是否必须使用导航？ import * as React from 'react';
import { WebView } from 'react-native-webview';
import {View} from 'react-native'
export default function App(){
return (
<View>
<Button title={'CLICK'} onPress={()=> &l
浏览 41提问于2021-06-24得票数 0
我用的货币是React，昨天我和WebView一起工作，但是我的项目显示在blanck屏幕上，当我编译我的项目时，我通过我的手机看到了所有的东西，我已经尝试了所有的方法来解决它，但是我没有成功，有人能帮我吗？，我不知道该怎么做。
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { WebView } from 'react-native-webview';
const styles = StyleSheet.crea
浏览 4提问于2021-05-21得票数 1
我试着把这个问题分解成最简单的例子。当请求是ajax时，使用更新的上下文呈现页面不会产生预期的结果。
index.html:
<html>
<body>
{% if templateVariable %}
<h1>{{ templateVariable }}</h1>
{% endif %}
<button id="testBtn">TEST</button>
<script src="http
浏览 5提问于2019-10-31得票数 0
回答已采纳
几天来，我一直在尝试用react-native WebView呈现一些东西。我尝试渲染的所有东西(一个超文本标记语言文件，一个网站)都不能在网络和我的iPhone X上工作。
我使用以下命令安装了WebView组件: npm install react-native-webview
这是我的代码：
import { WebView } from "react-native-webview";
<View style={{ flex: 1, flexDirection: "column" }}>
<WebView
浏览 1提问于2021-06-13得票数 0
考虑Razor页面文件背后的以下代码。
public class IndexModel : PageModel
{
MovieContext Context { get; }
public IndexModel(MovieContext context)
{
Context = context;
}
public IList<Movie> Movies { get; set; }
public async Task OnGetAsync()
{
Movies = await Context
浏览 4提问于2018-01-01得票数 0
回答已采纳
1回答
我想问一下，在您看来，是否有可能用beautifulsoup4刮掉genius.com的评论。我问这个问题是因为当我用bs4抓取页面时，我找不到注释的部分，因为它们在一个可扩展的容器后面。如果我从浏览器中查看页面的html，即使我没有点击“展开”按钮，也可以看到注释，但是当我用bs4抓取时，我在html源代码中找不到它们。
我怎样才能解决这个问题？有一种方法可以用bs4刮掉评论吗？还是我应该用硒？(我想避免使用selenium，因为我必须刮掉很多数据，而且使用selenium，这可能太慢了)。
浏览 2提问于2021-12-15得票数 -1
3回答
来自PHP背景，我习惯了这样的想法:我可以简单地将服务器端脚本嵌入到我的HTML页面中。在网上搜索时，除了使用像Lift这样的web框架之外，我还没有在Scala中找到一个简单的echo <h1>Hello World</h1>;等价。我能用Scala做这个吗？
浏览 2提问于2013-08-15得票数 1
回答已采纳
我成功地使用react-native-webview呈现了一个要查看的HTML文件。当我点击视图中的一个链接时，它会在IOS上以相同的视图完美加载。但这个链接在Android上不起作用。它显示“无法下载文件，因为权限被拒绝。请提供写入存储的权限，以便下载文件”。 我曾尝试将这行代码添加到AndroidManifest.xml <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />中，但它作为文件下载到手机上，而不是在WebView视图中。我错过了什么？ <Web
浏览 18提问于2019-09-12得票数 0
1回答
嗨，我只想知道通过jquery的$.get获取$.get页面内容的可能性。
我的aspx页面可能包含css、javascript、jquery和asp.net controls。
在阅读完这篇文章后，我将它与.html页面结合使用。
像这样
$.get('Default.htm', function (data) {
});
它的工作很好，但我想知道是否有可能用.aspx页面来完成它。
浏览 2提问于2012-11-10得票数 0
回答已采纳
我使用Octopress编写帖子，它使用标记文件生成html文件，使用：
rake new_post['my_post']
rake generate
但是，如果我需要在我的文章中添加一些JavaScript演示，我需要在文章中编写一些代码，这可能是我正在编写的html页面。
我能用八达通来实现这一点，并保持整体风格的一致性吗？
浏览 2提问于2015-06-04得票数 2
回答已采纳
1回答
有没有可能用gomobile来渲染html页面？我想产生一个http服务器，在一个单独的go运行程序中提供html/css服务，然后在webview中呈现它。JavaScript应用程序(如PhoneGap、ReactNative等)有很多选择，所以我想知道为什么Go几乎没有选择。
浏览 18提问于2017-03-08得票数 1
1回答
我正在尝试做我自己的网络邮件前端。我唯一有问题的部分是渲染HTML电子邮件。我不想使用iframes，所以我尝试使用<style scoped />。这对于一些人来说是成功的，但是当我用内联CSS打开一条消息时，它不会在Firefox中显示任何消息内容。
错误控制台报告：“警告:搜索无效规则集的关闭}时文件意外结束。”
这是唯一报告的错误。有没有办法在不影响页面上任何其他CSS的情况下将外部源内容限制为div？当内容加载到ajax时，这能用jQuery完成吗？
毒蛇
浏览 2提问于2015-08-11得票数 0
2回答
我将html页面解析为纯文本，以便查找并获得一个数值。在整个html混乱中，我需要找到一个类似于此的字符串：
C) Debiti33.197.431,90I - Di finanziamento
我需要33.197.431,90 (这个数字在每个html解析请求上都会改变)。
有什么准则可以达到这个目的吗？例如：
STARTS WITH 'C) Debiti' ENDS WITH 'I - Di finanziamento' GETS the middle string that can be whatever.
每当我尝试的时候，我都会得到空洞的结果.我对re
浏览 4提问于2014-08-05得票数 1
回答已采纳
我正在尝试使用react原生webview并将其自动链接到我们的react原生代码库。为此，我执行了以下步骤，并获得了在本文末尾发布的错误。你能帮我修复这个错误吗？
我添加了
include ':react-native-webview'
project(':react-native-webview').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-webview/android')
添加到settings.gradle文件，然后
imple
浏览 4提问于2020-05-20得票数 0
我正在使用react-native-webview在一个React中加载一个表单(由Django提供)。此表具有CSRF保护。而且大多数情况下，它实际上运作良好，你可以通过webview在应用程序中提交表单，一切都很好。但有时我会得到403个CSRF错误(CSRF验证失败，请求中止)。
我不知道是什么导致了这一切，怎么才能避免呢？我使用WebView的方式相当简单，它周围有一个包装器。
如果手机上有网络连接问题，那么我可能会得到一个超时错误，对吧，而不是这样的具体问题？
import { WebView as BaseWebView } from 'react-native-webvi
浏览 2提问于2022-01-12得票数 1
1回答
我正在构建一个从API中获取内容的小应用程序，其中一些内容是HTML的，我愿意在HTML中显示它(基本标记，如B、I、P等等)。我尝试使用react-native-render-html，它还需要react-native-webview (我也安装了它)，但是当启动expo时，包括以下内容
import { HTML } from 'react-native-render-html';
我得到了以下错误：
无法从"node_modules\htmlparser2\lib\CollectingHandler.js"解析“./MultiplexHandler”的
浏览 5提问于2020-07-23得票数 1
回答已采纳
在安装react-native.webview包之后，当我尝试运行我的React Native应用程序时，我一直收到这个错误。我能做错什么吗？
info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag.
Jetifier found 1135 file(s) to forward-jetify. Using 8 workers...
info Starting JS server...
info Installing the app.
浏览 296提问于2020-05-31得票数 4
回答已采纳
本文档建议，我应该能够将值注入到WebView组件显示的网页中，以便通过加载页面来使用该值：
具体来说，下面的代码显示了如何在window对象中设置值，但没有显示如何使用该值：
import React, { Component } from 'react';
import { View } from 'react-native';
import { WebView } from 'react-native-webview';
export default class App extends Component {
render() {
浏览 3提问于2020-05-03得票数 0
回答已采纳
在中，src目录中有html文档。(假设它名为"./src/green.html")。
在MyScreen中，我有一个WebView来显示这个页面。
import WebView from 'react-native-webview';
import { Text, View, StyleSheet, Image } from 'react-native';
export default MyScreen (props) {
const source = require('./green.html');
cons
浏览 29提问于2022-06-16得票数 0
服务器端呈现上的资源很少，事实上，我找不到任何能清楚解释事物实际工作方式的东西。我看到了一些回复，试图遵循代码，但没有设法找出它的要点。如果我运行的角度正常，我基本上知道会发生什么：
<html><body><my-app>...</my-app><SCRIPTS/></body></html>文件被加载：
脚本被加载..。
角处理代码，并将<my-app>替换为所有内部的好东西。
对于这个应用程序：
@Component({
selector: 'my-app
浏览 3提问于2016-06-19得票数 16
我正在使用Selenium Webdriver测试来自页面的信息。我有一张这样的图：，当我试图获取每个点内部的信息时，我遇到了一个问题。你必须知道这种类型的highcharts，每个点都有相同的xpath，所以不可能到达不同的点。我只能在一个点上得到一条信息。
//Click on toolip
WebElement element = driver.findElement(By.xpath(dot));
// action class to click
Actions action = new Actions((WebDriver) driver); action.click(elem
浏览 4提问于2017-06-26得票数 0
我使用"react-native-webview“，源URL (网站)使用Google登录，在提供凭据后，它会显示一个完全空白的屏幕，而不是重定向到网站。 我尝试在google chrome中搜索同一网站，它会打开一个新的弹出窗口，并在登录成功后重定向到该网站 我如何在react native中修复它？
浏览 28提问于2019-02-04得票数 2
1回答
我使用react-pdf在react应用程序中呈现一个pdf，然后通过WebView在ios和android中呈现。
pdf呈现在android中工作。
在ios中，我得到了一个错误Total canvas memory use exceeds the maximum limit (224 MB).
<Document
file={pdfBlob}
onLoadSuccess={onDocumentLoadSuccess}
renderMode="canvas&#
浏览 15提问于2022-05-30得票数 0
回答已采纳
1回答
使用jQuery，我可以通过方法附加一个事件处理函数，该函数在DOM更改或某些东西(如Ajax调用)替换页面的HTML时也会触发。
有没有可能用React组件做类似的事情？在更改DOM的ajax调用之后，如果找到具有特定class的元素，则(使用ReactDOM.render(...))呈现它。
谢谢
浏览 2提问于2016-05-14得票数 3
2回答
我有一个用ReactJs创建的新闻部分，每个新闻帖子都作为一个单独的页面。不幸的是，由于REactJs，谷歌没有索引这些页面。我试着用巴别塔-聚乙烯填充剂，但还是不能用。此外，我在呈现DOM之前进行了Ajax调用。
对于这个问题，还有其他的解决方法吗？
浏览 27提问于2018-08-27得票数 2
我用react-native-webview打开了网页，但在我按下按钮之前，音频不会自动流/播放。有没有办法打开页面，让它直接播放，或者我可以添加一个自定义的点击播放广播/音频？
import React from 'react'
import { View } from 'react-native'
import { WebView } from 'react-native-webview'
export default function Test() {
const jsCode = "setTimeout(function
浏览 1提问于2021-10-29得票数 0
我只是在react中创建一个webview应用程序。在开发时，http和https url链接都得到了很好的支持，但是在apk生成后，http链接不起作用，我该如何解决它呢？
import React, { Component } from 'react'
import WebView from 'react-native-webview'
export default class App extends Component {
render() {
return <WebView source={{ uri: 'http://job
浏览 0提问于2020-06-30得票数 1
2回答
我和NodeJS + Server-Side-Rendering一起工作。因此，当HTML呈现时，我不想让客户端在空白屏幕上等待，我想呈现这个HTML：
<!DOCTYPE html>
<html>
<head><title>PageTitle</title></head>
<body><h1>Loading....</h1></body>
</html>
而且，一旦server-side与html一起成为ready，我想将它与客户端进行stream。基本
浏览 4提问于2017-05-02得票数 0
1回答
我正在和我的朋友Windows10在gitlab项目上工作，我已经从大师那里拉出了一些必须解决的冲突，我做了npm install，但是当我使用npx react-native start运行我的安卓项目时，然后在安卓studio中，我进入工具->AVN管理器->开始，我的应用程序开始加载，在加载一段时间后，它给我这个错误： Invariant Violation: requireNativeComponent: "RNCWebView" was not found in the UIManager. 这是一张照片： ? 我已经运行了react-nati
浏览 66提问于2020-09-23得票数 0
1回答
background-attachment:fixed CSS属性值似乎不适用于Internet 8中的SPAN元素，尽管W3C和所有其他来源都说IE支持“固定”值而不受任何限制。我的简单html如下：
<!DOCTYPE html>
<html>
<head>
<title></title>
<STYLE type="text/css">
span {
background-image:url(empty-
浏览 3提问于2013-02-13得票数 0
回答已采纳
因此，我首先深入到Node/Express head (学习Javascript中间内容)，并对为什么需要像Jade或EJS这样的“视图引擎”感到有点困惑？
我似乎找不到只使用普通HTML5的东西？还是我不能用express将值传递给普通HTML？
让我们假设我有一个加载的index.html页面，当我“登录”它加载在顶部的用户名(例如)。不能将值传递给快递中的普通.html文件吗？
浏览 3提问于2017-04-01得票数 8
回答已采纳
1回答
我正在尝试从这个网站的SumoMe插件( )下载份额计数。
我尝试使用基于rvest包的R代码
> library(rvest)
Loading required package: xml2
> url <- 'http://www.r-bloggers.com/erum-2016-first-european-conference-for-the-programming-language-r/'
> read_html(url) %>%
+ html_nodes('.wpusb-counts span')
{xml_node
浏览 5提问于2016-07-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
