React Native:加载状态的WebView回调

文章/答案/技术大牛

发布

1回答

react-native

是否有可能获得网站加载状态的回调(例如: 0%到100%)。我的目的是在用户打开链接时显示一个水平进度条。import React, { Component } from 'react'; render() {

浏览 11提问于2017-12-29得票数 0

1回答

React Native Modal阻止卸载

reactjs、react-native、react-navigation

我有一个在React Native Modal中显示的WebView。我想隐藏一段时间的模态，在回调时，我想再次向用户显示一些输入的模态。问题是，如果我更改状态并隐藏React Native模式，那么它将卸载具有WebView的子组件，如果我重新显示它，WebView将重新加载。我只想隐藏模式，而不是杀死它，这样我就可以从用户离

浏览 27提问于2020-01-15得票数 1

1回答

react-native-webview导航到URL列表？

javascript、react-native、react-native-webview

正如问题标题所说，我正在尝试使用React Natives组件导航到urls列表。true; // note: this is required, or you'll sometimes get silent failures <WebView中的foreach循环不会阻塞，因此example3.com是唯一实际加载的url。我曾考虑在localStorage中保留一个计数器变量，并使用它来索引数组，在每次页面加载</e

浏览 27提问于2021-08-31得票数 1

回答已采纳

1回答

传递给Webview* react本机回调的参数*

javascript、react-native、webview

我正在尝试跟踪用户在React Native的WebView中通过的urls。我编写的WebView元素如下所示： ref={(WEBVIEW)=>{this.WEBVIEW = WEBVIEW}} source={{uri: 'https://github.com/facebook/react

浏览 4提问于2017-07-20得票数 0

2回答

响应本机Webview进程终止

react-native、webview

我使用react本机在web视图上显示本地HTML，我注意到有一些时候，webView崩溃了，我在控制台上得到了消息：我已经查过了，却找不到答案？如何避免该错误或在错误后重新加载web视图？<WebView originWhitelist={['*']} source={isAndroid ?

浏览 10提问于2020-05-11得票数 5

回答已采纳

1回答

如何从RNWebView获取HTTP状态码

typescript、react-native、webview

我正在为iOS和安卓开发React-Native/TypeScript应用程序。完成加载网页(RNWebView)后，我需要超文本传输协议响应代码。由于NavState不支持这一点，我正在考虑使用注入的JavaScript来查找状态代码。欢迎提出任何建议！

浏览 22提问于2019-03-13得票数 0

1回答

react本机webview事件侦听器将空事件对象传递给回调

javascript、android、webview、react-native

在react-native webview中构建一个html canvas页面。除了canvas.addEventListener回调带有空事件对象的回调之外，一切似乎都很好moveEvents.forEach} mouse.y =

浏览 2提问于2017-02-13得票数 0

回答已采纳

2回答

获取错误不变冲突:尝试注册具有相同名称的两个视图

react-native、react-navigation、react-native-gesture-handler

当它是0.50时，我使用了react-native，现在我再次使用它，它是0.61.1 我正在制作一个应用程序，并使用"react-navigation"库进行路由。因为我是根据文档使用react-native-gesture-handler的，所以我有时会收到"Invariant Violation: Tried to register two views withthe same name"的错误，当我关闭应用程序并重新打开它

浏览 13提问于2019-11-27得票数 4

1回答

如何知道webview是否可以滚动？反应-原生

react-native、webview

我正在寻找一种方法来了解webview是否可以滚动，但我发现没有什么特别的。我正在使用react-native-webview。他们有什么办法找出答案吗？

浏览 46提问于2021-04-11得票数 0

回答已采纳

1回答

显示Webview中页面导航之间的加载指示符

reactjs、react-native、webview

我在Webview中有一个url，如，当前的代码可以加载inital页面，但是如果我在链接中输入了任何内容，页面需要一段时间才能加载，而且网站中没有加载指示符。当我们单击任何链接或页面加载，特别是在服务器端呈现类似于下一个js的链接或页面加载时，我们是否可以将页面加载指示符放置在中？ TouchableOpacity, } from 'react

浏览 4提问于2020-06-28得票数 3

回答已采纳

1回答

将LightningChart导入React本机时出错

javascript、react-native、lightningchart

我试图在React Native中使用Lightning Chart，但我立即遇到了错误。我用yarn安装了@arction/lcjs，然后在我的App.js顶部写道... import { lightningChart } from '@arction/lcjs'; 然后我收到的错误消息是

浏览 22提问于2021-07-25得票数 1

1回答

当onMessage回调设置状态时重新加载Webview

react-native

我正在使用React原生Webview加载我的web应用程序。我正在使用window.postMessage从我的web应用程序发布消息，并且我已经实现了onMessage回调 return <View> <WebView onMessage={this.onWebV

浏览 0提问于2017-11-15得票数 0

1回答

如何在react-native应用程序中使用外部文件中编写的javascript函数？

javascript、react-native、mobile、mathjax、wiris

我正在做一个数学教学项目(React-native移动应用程序)，并使用wiris设置问题和答案。wiris在MathML中发送这些问题，我正在使用npm包react-native-mathjax将MathML(等式、图形等)转换为JSX。我试图在webview中注入js代码，但是无法在react-native中导入js函数文件，有人能给我更好的建议吗？提前感谢:)我正在分享导入js文件的代码。如果我写了错误的外部j

浏览 38提问于2020-11-01得票数 0

2回答

React本机WebView呈现空白页

javascript、reactjs、react-native、webview

出于一个我不知道的原因，webview组件并没有像我预期的那样返回一个网页，而是呈现一个空白的白色页面。我在web和Android物理设备上试用了一下。此外，我用谷歌搜索了很多，但我尝试的所有东西都不起作用。代码如下： import { StatusBar } from 'expo-status-bar';import { StyleSheet, Text, View, Sa

浏览 132提问于2021-06-21得票数 0

1回答

when本机-webview仅在react导航tabNavigator中的active选项卡上开始加载

javascript、react-native、react-navigation、react-native-webview

我使用的是，lazy设置为false。对于屏幕，我呈现一个。之所以调用呈现函数，是因为我可以看到console.log，但是实际的webview在选项卡激活之前不会开始加载。我启动的选项卡立即开始加载。TabTwo: { } { lazy: false,) 这发生在将react-navigation从1.x升级到

浏览 0提问于2019-07-07得票数 3

回答已采纳

1回答

安卓: WebView* onReceivedHttpError不返回状态代码!= 200*

android、webview

我需要知道一个网页是否可以加载与安卓WebView。理想情况下，我希望获得文档状态代码，并检查它是否为!= 200。我没有在支持它的WebViewClient中找到任何方法。在某种程度上起作用的方法是在加载资源时，通知主机应用程序已从服务器接收到HTTP错误。HTTP错误有状态代码>= 400。此回调将被调用到任何资源(iframe、image等)，而不仅仅是主页。因此，建议在此回调中执行

浏览 25提问于2017-05-03得票数 0

2回答

在react本机中处理对webview内的url的导航。

react-native

实际上，我在react native中有一个webview，我正在尝试从webview.Once打开一个url，这个URL是在按下backǩ按钮时加载的，它应该导航到以前的page.How才能导航回webview

浏览 21提问于2018-05-24得票数 0

1回答

在React中没有setTimeOut的情况下，window.postMessage无法在componentDidMount中工作

javascript、node.js、reactjs、react-native

我正在研究如何在react网页和react原生webview之间传递数据。一旦网页加载完成，我想向移动设备上的原生反应webview发送一个信号。我想知道为什么在react网页上，除非与setTimeout一起使用，否则window.postMessage()无法工作。控制台中根本没有错误，但它必须延迟大约500才能工作。有谁能解释一下吗？@observer

浏览 4提问于2017-02-28得票数 4

回答已采纳

2回答

为什么不能使用setState更改状态值？

reactjs、react-native

我目前正在开发一个应用程序，使用React。我希望使用道具从父级发送一个状态值到子节点。亲本import { View } from "react-native"; import Child

浏览 0提问于2020-08-12得票数 0

回答已采纳

2回答

在React本机中显示html-标记

react-native

我有一个JSON文件，里面有很多关于不同主题的文本。现在我想在应用程序中显示它，但是文本中包含了html标记，比如 , <a href="#"> </a>, 等等。我想在文本中显示出来，但是React本机将这些字符显示为纯文本。我试过使用string.replace ("", [function])，但这也不起作用。有适合我的人吗？这是我当前的地图功能：

浏览 3提问于2021-01-20得票数 0

回答已采纳

点击加载更多