एक FlatList

Question

में कनवर्ट करना मैं वर्तमान में एंड्रॉइड के लिए एक प्रतिक्रिया मूल ऐप पर काम कर रहा हूं, और नई FlatList तक पहुंच प्राप्त कर रहा हूं। इसमें कुछ बहुत जरूरी विशेषताएं हैं। हालांकि, मेरी सूचीदृश्य प्रतिक्रिया-मूल-उलटा-स्क्रॉल-व्यू का उपयोग करके उलटा हुआ है। यह FlatList के साथ ठीक से काम नहीं कर रहा प्रतीत होता है। स्क्रॉलिंग ठीक से उलट नहीं है।

क्या कोई जानता है कि फ़्लैटलिस्ट को कैसे बदला जाए? या शायद फ़्लैटलिस्ट कैसे लोड करें, और उसके बाद उपयोगकर्ता को ध्यान दिए बिना नीचे स्क्रॉल को मजबूर करें? स्क्रॉल डाउन को मजबूर करने के अपने प्रयासों में अक्सर देरी होती है।

Answer 1

render() { 
const messages = this.props.messages.reverse(); 

return (
    <FlatList 
    renderItem={this._renderItem} 
    data={ messages } 
    keyExtractor={this._keyExtractor} 
    style={{ transform: [{ scaleY: -1 }] }} 
    /> 
); } 

_keyExtractor = (item, index) => item.id+''+index; 

_renderItem = ({item}) => (
<View style={{ transform: [{ scaleY: -1 }]}}> 
    <ChatItem /> 
</View>) 

यह)

Answer 2

का आनंद लें अन्य उत्तर में वर्णित है, ऐसा करने के बारे में जाने के लिए वर्तमान में सबसे अच्छा तरीका है FlatList के युक्त राय यह है कि यह उलट करने के लिए एक परिवर्तन लागू करने के लिए है के रूप में।

return (
    <View style={{ transform: [{ scaleY: -1 }] }} > 
     <FlatList 
      renderItem={this._renderItem} 
      ... 
     /> 
    </View> 
); 

फिर प्रत्येक सूची आइटम में एक ही परिवर्तन लागू करें ताकि यह सुनिश्चित किया जा सके कि वे सही ढंग से पुनर्निर्मित हैं।

_renderItem = (info) => { 
    return (
     <View style={{ transform: [{ scaleY: -1 }] }}> 
      {this.props.renderItem(info)} 
     </View> 
    ); 
} 

मुझे लगता है कि है कि वास्तव में करता है एक पैकेज में लिखा है, तुम सब करने की जरूरत है एक मानक FlatList घटक के स्थान पर इस का उपयोग करें और inverted संपत्ति पार जाते हैं।

https://www.npmjs.com/package/react-native-invertible-flat-list

Answer 3

यह अब FlatList में बॉक्स से बाहर आता है!

बस का उपयोग करें:

<FlatList 
    inverted 
    data=... 
    renderItem=... 
/> 

इस सूची में सबसे नीचे प्रकट करने के लिए पहला आइटम का कारण बनता है, और सूची, तल पर शुरू होता है पहला आइटम दिखा।

यदि आपको नीचे दिखाए गए अंतिम आइटम की आवश्यकता है, तो आप data प्रोप में प्रदान कर रहे सरणी को उलट दें।