FlatList界面渲染不完全,只渲染了initialNumToRender部分,无报错,求解决办法

在react-native项目中使用了FlatList组件,界面上(此处称为一级界面)有按钮可以跳转至扫描二维码界面(这部分是用的react-native-camera,此处称为二级界面);进入一级界面时可以正常加载数据库获取的数据,记录保存下来;点击按钮进入二级界面,扫码后带参返回一级界面,在刚才显示的界面过滤出包含参数的数据信息,此时展示也是正常,可以全部加载,清除参数后,一级界面重新赋给原来的值(之前保存的值),界面只能显示出initialNumToRender部分的值,其余部分可以滑动,但属于空白,没有值,请问各位大神,这是个什么情况?求解决方案!FlatList部分的代码如下:

<FlatList     data={this.state.ds}
     keyExtractor={this._keyExtractor}
     renderItem={this._renderItem}
     getItemLayout={(data, index) => ({ length: 95, offset: (95 + 1) * index, index })}
     ItemSeparatorComponent={this._itemSeparator}     // ListFooterComponent={this._ListFooter}
     initialNumToRender={13}
 />

getBarcode方法是扫描界面返回时调用的方法:

getBarcode() {  let _this = this;    this.props.navigation.navigate('Scan', {
        getBarcode: async (barcode) => {
            await _this.search_input.expandAnimation();
            await _this.search_input.onChangeText(barcode.data);            
            _this.search_input.onSearch();
        }
    });
}

检查过数据,有问题时this.state.ds的值是正确的,但是就是加载不完全


皈依舞
浏览 2524回答 2
2回答

撒科打诨

扫码界面有个循环动画在返回时未停止引起的

临摹微笑

有内容区域但是不显示,说明内容没有正常的渲染出来
打开App,查看更多内容
随时随地看视频慕课网APP