Flatlist反向不适用于React Native

Question

The following is my code for the 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>
            }


        />
    )
}

The following is the data which is passing to the FlatList

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

My list are not invertet. I get the same output when I use inverted={true} flag or when I omit inverted flag.

Answer 1

use only inverted, inverted = {true} is bad! Something like this:

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

/>

Answer 2

我相信，在本机版本0.47之后添加反向道具，请尝试升级。