个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
29
4
我正在从 api 获取 html 内容，并且希望在我的应用程序中将其呈现为 Web View 。
webview 组件嵌套在 ScrollView 中，因为它在我的渲染函数之上还有一些其他内容，如下所示:
render() {
var html = '<!DOCTYPE html><html><body>' + this.state.pushEvent.Description + '</body></html>';
return (
<ScrollView>
<View style={styles.recipe}>
<Image source={{uri: this.state.pushEvent.ImageUrl}}
style={styles.imgFull} />
<Text style={styles.title}>{this.state.pushEvent.Title}</Text>
<WebView style={{padding: 20}}
automaticallyAdjustContentInsets={false}
scrollEnabled={false}
html={html}>
</WebView>
</View>
</ScrollView>
);
}问题是我的 html 只有 20pt 高，这是我的填充。有没有聪明的方法来获取内容的高度？
最佳答案
正如我在上面的评论中所写的，这就是我的结论，但我仍然认为应该有更好的解决方案。
这是我从 github 上获得灵感的问题:@hedgerwang answer
在我的 var html 中，我在结束 body 标记之前添加了一个简单的脚本，我只是将 html 的高度保存在文档标题中:
<script>window.location.hash = 1;document.title = document.height;</script>
然后，我在 WebView 组件中添加了 onNavigationStateChange 属性，并通过回调设置了状态“高度”变量，然后将此高度设置为我的 WebView。正如我所说，这确实达到了目的，只是在更改 WebView 中的内容时出现了一点闪烁，但我认为这是一个肮脏的黑客行为。
最后，我决定更改 api，使其具有不必包含在 WebView 中的内容
但这也许会有所帮助，这里是完整的代码。
onNavigationStateChange(navState) {
this.setState({
height: navState.title,
});
}
render() {
var html = '<!DOCTYPE html><html><body>' + this.state.pushEvent.Description + '<script>window.location.hash = 1;document.title = document.height;</script></body></html>';
return (
<ScrollView>
<View style={styles.recipe}>
<Image source={{uri: this.state.pushEvent.ImageUrl}}
style={styles.imgFull} />
<Text style={styles.title}>{this.state.pushEvent.Title}</Text>
<WebView style={{padding: 20}}
automaticallyAdjustContentInsets={false}
scrollEnabled={false}
onNavigationStateChange={this.onNavigationStateChange.bind(this)}
html={html}>
</WebView>
</View>
</ScrollView>
);
}
关于webview - react native : Is it possible to have the height of a html content in a webview?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32952270/
29
4
0
我有一个包含需要排序的不同项目的列表。但还有一个额外的问题:某些元素只允许出现在列表中的特定位置。 示例(请查看 http://jsfiddle.net/pYL32/2/ ):有一个包含元素 foo、
关于https://code.google.com/p/guava-libraries/wiki/UsingAndAvoidingNullExplained据解释，guava(以及后来的 java 8
我有一个名为 say CalculationOutcome 的类(class)和 FileHashOutcome .他们的构造函数有 (ActualResult, Throwable)参数，并在 Co
我正在使用pycharm，我的代码在分屏上。当我运行调试时，会弹出调试/运行窗口，它非常分散注意力并且限制了我在调试时可以查看的代码量......但我想保持它，因为我来回走动；另外，我想要调试变量的完
这个问题已经有答案了: 已关闭11 年前。 Possible Duplicate: javascript object, access variable property name? 我确信这是可以完
if (typeof Object.create !== 'function') { Object.create = function (o) { function F() {
在将实体存储在 redis 中作为序列化二进制 blob 的应用程序中工作。我有多个客户端处理同一个数据集，我希望使用乐观并发。 我的要求是: 在一次往返中读取特定键的序列化实体 将修改后的实体写回r
这个问题是指 C/x86 上使用的 IEEE 标准浮点数。 是否可以将任何数字(即不包括 NaN 之类的特殊值)浮点数或 double 数表示为十进制字符串，以便将该字符串转换回浮点数/ double
我的团队目前正在与 Lua 合作，创建一个 android 游戏。我们遇到的一件事是表面上无法创建重载构造函数。 我习惯于使用默认值设置一个对象，然后在需要时使其过载。 前任: apples() {
如何在 Scene Kit 中使用 SCNCamera 获得像鱼眼镜头那样的失真？ 类似于这种图像的“鞠躬”: //正如 Rickster 指出的那样，这种失真被称为“桶形失真”。 从文档中，这是让我
我想问是否有一种方法可以多次评估 javascript 术语，而不需要一遍又一遍地解析一个术语。 说，您想要评估 var1/var2+Math.sqrt(var3) 每秒 20 次。 使用时这可能会出
我想知道在技术上是否可以在 java applet 中创建代理。 那么是否可以通过这个 java applet 代理路由所有进一步的浏览器请求？ 例如，如果用户要浏览 google.com，默认行为是
我有以下代码，我想返回一个 bool 值或一个元组。 (函数 isvariable 和 dont_care 都返回 bool 值，仅供引用) let match_element (a, b) = if
这个问题困扰我很久了。我想要一个二叉树(或类似的嵌套结构)上的迭代器，它高效、简单且Pythonic。例如，对于这样的用法: for value in values(root): do_som
目前我有以下 MySQL 查询: SELECT COUNT(*) AS `count`, `v`.`value` FROM `client_entity_int` AS `v` INN
我正在使用 Angular 开发应用程序，客户端是 100% JS。我即将替换使用 ExtJS 制作的旧应用程序，但我不会更改服务器端。只有客户端从头开始重新编码。 我想在任何地方和任何机器上处理这个
有没有办法在运行时检索实例的声明类？例如: public class Caller { private JFrame frame = new JFrame("Test"); priva
我目前正在请求 MySQL 数据库使用 PDO 计算一些计数和总和。这个过程可能需要一段时间，如果用户突然想浏览另一个页面，他可能会停留在浏览器前面。 我试图弄清楚是否可以使用 PDO 启动 MySQ
想知道它是不是这样工作的: $result .= mysqli_query($query1); $result .= mysqli_query($query2); $result 会是查询 1 和 2
所以我有这样的挑战: body 背景上的图像，背景大小，覆盖以适合整个屏幕。在背景图像上是一些元素(建筑物)。所以我想将鼠标悬停在建筑物上，他们会更改颜色或添加阴影等。问题在于屏幕调整大小，当我调整屏
我是一名优秀的程序员,十分优秀！