在react-native項(xiàng)目中使用了FlatList組件,界面上(此處稱為一級(jí)界面)有按鈕可以跳轉(zhuǎn)至掃描二維碼界面(這部分是用的react-native-camera,此處稱為二級(jí)界面);進(jìn)入一級(jí)界面時(shí)可以正常加載數(shù)據(jù)庫(kù)獲取的數(shù)據(jù),記錄保存下來(lái);點(diǎn)擊按鈕進(jìn)入二級(jí)界面,掃碼后帶參返回一級(jí)界面,在剛才顯示的界面過(guò)濾出包含參數(shù)的數(shù)據(jù)信息,此時(shí)展示也是正常,可以全部加載,清除參數(shù)后,一級(jí)界面重新賦給原來(lái)的值(之前保存的值),界面只能顯示出initialNumToRender部分的值,其余部分可以滑動(dòng),但屬于空白,沒(méi)有值,請(qǐng)問(wèn)各位大神,這是個(gè)什么情況?求解決方案!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方法是掃描界面返回時(shí)調(diào)用的方法: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();
}
});
}檢查過(guò)數(shù)據(jù),有問(wèn)題時(shí)this.state.ds的值是正確的,但是就是加載不完全
FlatList界面渲染不完全,只渲染了initialNumToRender部分,無(wú)報(bào)錯(cuò),求解決辦法
皈依舞
2018-07-02 15:14:17