为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

皈依舞 2018-07-02 15:14:17
在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的值是正确的,但是就是加载不完全
查看完整描述

2 回答

?
撒科打诨

TA贡献1934条经验 获得超2个赞

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

查看完整回答
反对 回复 2018-07-10
?
临摹微笑

TA贡献1982条经验 获得超2个赞

有内容区域但是不显示,说明内容没有正常的渲染出来

查看完整回答
反对 回复 2018-07-10
  • 2 回答
  • 0 关注
  • 2519 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信