Question

我正在尝试将<ListView>包含在<View>内的其他<View>内。当我这样做时，我无法滚动ListView的整个列表（我可以滚动一点，即使它还没有到达列表的底部，它也会反弹）。最简单的渲染视图就是这个问题。

        <View>
            <ListView
                dataSource={this.state.dataSource}
                renderRow={this.renderList.bind(this)}
                style={styles.listView}
                automaticallyAdjustContentInsets={false}/> 
        </View>

如果我没有用单<View>

包裹它，上面的代码将正常工作

您可能会问为什么我需要将ListView包装在View中，因为我希望在该视图中包含一些其他视图，如果我不将它们包含在{{1}内，则会发生JSX adjasend error }。

<View>

我该如何解决这个问题？

Answer 1

我需要在flex : 1上添加样式<View>，其中包含<ListView>

    <View style={{ flex : 1 }}>
        <ListView
            dataSource={this.state.dataSource}
            renderRow={this.renderList.bind(this)}
            style={styles.listView}
            automaticallyAdjustContentInsets={false}/> 
    </View>

ViewView里面的ListView阻止了滚动

1 个答案: