View 内的 ListView 防止滚动

Question

我正在尝试将 <ListView> 和其他几个 <View> 包裹在 <View> 中。当我这样做时，我无法滚动 ListView 的 whole list（我可以滚动一点，即使它尚未到达列表底部也会反弹）。最简单的渲染视图会出现问题。

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

如果我没有将上面的代码与单个 <View>

包裹起来，上面的代码将可以正常工作

您可能会问为什么我需要将 ListView 包装在一个视图中，那是因为我想在该视图中包含一些其他视图，如果我不将它们包装在 <View>.

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

我该如何解决这个问题？

Answer 1

我需要在包装 <ListView>

的 <View> 上添加样式 flex : 1

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

View 内的 ListView 防止滚动

ListView inside View prevent Scrolling

reactjs

react-native