lintlist倒置不适用于React Native



以下是我的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>
            }

        />
    )
}

以下是传递到flatlist

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

我的列表不是反感。当我使用倒置= {true}标志或省略倒置标志时,我会获得相同的输出。

仅使用倒转,倒= {true}很糟糕!这样的东西:

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

我相信,在反应本地版本0.47之后,添加了倒置的道具,请尝试升级。

相关内容

  • 没有找到相关文章

最新更新