Question

我在视图层次结构的顶层有一个滚动视图。我试图让它显示其内容，但我没有运气。

我看到文档说滚动视图需要有限的高度才能工作。我似乎无法让它有一个有限的高度。这是我到目前为止所做的。

<script>
$("#step1").click(function() {
    // Get the attribute 'next' and get its value.
    var next = $( this ).attr( 'next' );

    //if you are looking for next attribute value of the next element              
    console.log( $( next ).attr( 'next' )); 

    //if this is an input element and you are looking for its value
    console.log( $( next ).val()); 

    //if this is an not input element and you are looking for its html
    console.log( $( next ).html()); 

});
</script>

编辑：所以我将所有组件的背景颜色更改为显而易见的。我能够简化视图，所以现在ScrollView是组件的根。容器视图（ScrollView的直接子项）是不能填充所有可用空间的容器视图。我还在玩它，但是非常感谢任何帮助。

Answer 1

要解决此问题，您需要将flex: 1设置为父级视图。然后，对于ScrollView，使用contentContainerStyle={{flexGrow: 1}}而不是样式。

<View style={{flex: 1}}>
  <ScrollView contentContainerStyle={{flexGrow: 1}}>
     ...
  </ScrollView>
</View>

Answer 2

如果你使用的是position：absolute，你需要指定一个左：0，右：0表示它可以用于你当前的设置，虽然我不完全确定位置：绝对是必需的。试试这个：

content: {
    flex: 1,
    position: 'absolute',
    top: 35,
    left:0,
    right:0,
    bottom:0
},

Answer 3

尝试将removeClippedSubviews={false}设置为属性并查看会发生什么。

React Native滚动视图未显示

3 个答案: