React-native：设置 HTML 源时，Webview 的 Flexbox 样式不起作用答案

【问题标题】：React-native: Flexbox styling of Webview not working when setting HTML sourceReact-native：设置 HTML 源时，Webview 的 Flexbox 样式不起作用
【发布时间】：2016-08-26 09:03:49
【问题描述】：

我不熟悉使用 flexbox 等进行样式设置... 我们有一个带有 Q/A 系统的现有后端。调用 API 时，答案将以 HTML 形式返回。我在我的 react-native 应用程序的静态 webview 中呈现答案〜像这样：

<View style={{margin: 16}}> 
 [..]
  <Webview source={{html: solution.description}} style={{flex:1}} />

不幸的是，只有在设置高度时才会显示解决方案 - 这是不可能的，因为我不知道解决方案的长度。它似乎不依赖于 html - 我将其设置为如下示例：

      var html = '<!DOCTYPE html><html><body><h1>This is a heading!</body></html>';

导致同样的问题。

编辑： 截屏

感谢您的帮助

【问题讨论】：

嗨，您至少可以发布您的应用程序的屏幕截图吗？以便人们更好地理解您的问题。
当然 - 我加了一个。但不确定它有什么帮助，因为问题是它没有显示任何内容。在用户“Api User”的缩略图下应该是解决方案的描述..
看不到截图！ :|
嗯？我可以看到它，删除缓存后也可以...也许检查一下你的结果？
该死的公司防火墙。我不得不代理它。我现在可以看到了。请稍等..

标签： javascript css react-native

【解决方案1】：

似乎没有办法调整您的 webview 高度以匹配内容。但是，我发现这些链接对您的特定问题很有帮助。

第二个链接肯定会解决您的问题。但是，您需要进行一些重构。祝你好运！

【讨论】：

thx - 链接的 repo 似乎解决了这个问题。不过，我需要将它重构到我的代码中，因为 npm 上的包已损坏。祝你好运！
哈哈这实际上是一个巧合，它设置了正确的高度。显然，这只适用于以前的 RN 版本。例如它为 1 行文本返回 667 的高度。该死的回到绘图板