React-Native - 无法滚动到底部以查看ListView中的更多单元格

时间:2017-01-03 00:10:45

标签: react-native

我在View中有一个ListView,这个视图在ListView的顶部也有一个搜索栏。我似乎无法滚动到ListView的底部。有人可以告诉我这对我的代码有用吗?。

CODE

color-interpolation-filters="sRGB" 

1 个答案:

答案 0 :(得分:1)

如果您还没有解决这个问题,可以尝试一些事项 -

具有flex 1的容器:

var {width, height} = require('Dimensions').get('window');
<View style = {styles.container} >...
var styles = StyleSheet.create({
    container: {
        flex: 1,
        width: width,
        height: height,
        backgroundColor: '#000099',
    },
    ...

和ListView紧接在上面的视图中,样式为

     <ListView  showsVerticalScrollIndicator ={false}//<=however you like
            initialListSize ={100}//sometimes this has helped me when wrapping items in a listview
            contentContainerStyle={styles.listview}//use this to reference your stylesheet
            dataSource={this.state.dataSource}
            .../>

然后,如果您使用listview样式,它可以帮助您查看最后的项目:

    listview: {
        paddingBottom: 50
    },

在listview中没有指定flex。此外,React Native中的默认弹性方向是列,因此您并不需要指定此方法。希望这有帮助!