Question

我正在使用React-Native应用。我使用Native-base库的组件，我需要ListView垂直渲染数百个项目。当我将ScrollView的flexDirection设置为row时，ListView会水平渲染所有项目而没有任何问题。但是，当我将它设置为column时，它只呈现一小部分 - 其中11个。我希望有人可以帮助我弄清楚发生了什么以及column类型的渲染有什么问题。对我来说不清楚的是，在column类型渲染中，ListView不限制具有屏幕大小的项目，它是可滚动的，但仅适用于11个项目。

这里是Container的内部。

<Container>
                    <Header style={{"backgroundColor": '#00FFFF',elevation: 0}}>
                        <Body style={{flex: 4}}>
                        <Text style={{letterSpacing: 0.5,color: 'white'}}>Whobees</Text>
                        </Body>
                    </Header>
                    <View style={{flex: 1,
                        flexDirection: 'column',
                        justifyContent: 'space-between'}}>
                        <ScrollView style={{flexDirection: 'column'}}>
                            <ListView contentContainerStyle={{flex: 1, flexWrap: 'wrap', left: 5}}
                              dataSource={this.state.dataSource}
                              enableEmptySections={true}
                              horizontal
                              renderRow={(rowData)=>this.renderRow(rowData)}>
                            </ListView>
                        </ScrollView>
                    </View>
</Container>

react-native ScrollView不呈现整个列表

0 个答案: