React-native:Webview的Flexbox样式在设置HTML源时不起作用

时间:2016-08-26 09:03:49

标签: javascript css react-native

我对使用flexbox等进行样式设计的新手...... 我们现有一个带有Q / A系统的后端。调用API时,将以HTML格式返回Answers。我在我的react-native app中以静态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>';

会导致同样的问题。

修改 截图 enter image description here

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

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

  1. React Native dynamic webview height
  2. Github
  3. Gist
  4. 第二个链接肯定会修补您的问题。但是,你需要重构一下。祝你好运!