Question

我的React Native应用程序中的WebView存在问题。如果未指定WebView的高度，则默认为屏幕高度的一半（iPhone 6S）。但是，当我在Fraction* Fraction::add(Fraction* f) ^ pass a pointer in的帮助下设置高度时，它显示正常，但只有原始的一半是交互式的 - 即。只能使用屏幕的上半部分进行滚动。

以下是我当前代码的主要部分：

Dimensions

我期待可以提供任何帮助：）

Answer 1

尝试将flex样式添加到WebView。您的代码将如下所示：

<View style={styles.container}>
    ...
    <WebView
        source={{uri: 'http://foo.com'}}
        style={{flex:1}}
    />
    ...
</View>

Answer 2

可能会在屏幕的下半部分绘制渲染功能中的不可见视图。看不到渲染方法的其余部分我无法分辨，仍然值得检查。

Answer 3

谢谢你的回答，伙计们。我现在已经解决了我的问题，这似乎是一个很容易解决的问题。我基本上将WebView包装在它自己的View容器中。我不确定它是否不起作用，因为它有兄弟元素（即。NavBar和TabBarIOS - 我从上一段代码中遗漏了 - 抱歉！），但WebView现在效果很好。

这是我的新渲染功能：

render() {
   return (
      <View style={styles.container}>
         <NavBar>
         <View>
            <WebView
               source={{uri: 'http://foo.com'}}
               style={{height: ScreenHeight, width: ScreenWidth}}
            />
         </View>
         <TabBarIOS>
            ...
         </TabBarIOS>
      </View>
   );
}

React Native：未正确设置WebView高度

3 个答案: