React-native：設置HTML源時Webview的Flexbox樣式不起作用

Question

我是剛開始使用flexbox進行樣式設計的人。...我們現有一個具有Q / A系統的后端。 調用API時，答案將以HTML格式返回。 我在我的react-native應用程序中的靜態Web視圖中呈現答案，如下所示：

<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>';

導致同樣的問題。

編輯：屏幕截圖

謝謝你的幫助

Answer 1

似乎無法調整您的網絡視圖高度以匹配內容。 但是，我發現這些鏈接對於您的特定問題有所幫助。

第二個鏈接肯定會修補您的問題。 但是，您需要進行一些重構。 祝好運！