Flatlist invertiert arbeitet nicht auf React india

Question

Das folgende ist mein Code für die flatlist

render() { 
    console.log("chatthread --",this.props.chatThreadStore.getchatThreads); 
    const { navigate } = this.props.navigation; 
    return (
     <View style={ChatThreadStyle.container}> 
      <FlatList 
       data={this.props.chatThreadStore.getchatThreads} 
       renderItem={({ item,index }) => this.renderFlatList(Object.keys(item).toString(),Object.values(item).toString())} 
       keyExtractor={(item, index) => index} 
       inverted={true} 
      /> 
     </View> 
    ); 
} 

renderFlatList(time,message) { 
    console.log("time--",time); 
    unixTime=convertFireBaseTimeToUnix(time); 
return (
     <ListItem 
      hideChevron={true} 
      containerStyle={{ borderTopWidth: 0, borderBottomWidth: 0 }} 
      title={<View> 
       <View style={ChatThreadStyle.containerText}> 
        <Text style={ChatThreadStyle.textContent}>{moment.unix(unixTime).format('lll')}</Text> 
       </View> 
       <View style={ChatThreadStyle.titleContainer} > 
        <Text style={ChatThreadStyle.titleStyle}>{message}</Text> 
       </View> 
      </View> 
      } 


     /> 
    ) 
} 

Hier finden Sie die Daten, die an die FlatList vorbei ist

Array [ 
    Object { 
    "1509964621958": "Hey! the Good the bad and the ugly", 
    }, 
    Object { 
    "1509964820253": "The prisoners 2010", 
    }, 
    Object { 
    "1509965207453": "The Rocky!!", 
    }, 
] 

Meine Liste sind nicht invertet. Ich bekomme die gleiche Ausgabe, wenn ich inverted = {true} Flag verwende oder wenn ich invertierte Flag weglasse.

Answer 1

nur invertiert verwenden, invertiert = {true} ist schlecht! Etwas wie dieses:

<FlatList 
    inverted   
    data={this.props.chatThreadStore.getchatThreads} 

/>