平面列表未呈现数据

时间:2020-03-25 11:04:44

标签: react-native react-native-flatlist

我对React native还是很陌生。我正在尝试使用平面列表,但是,即使显示了正确的行数,列表项也不会显示。请检查图片List with empty rows

这基本上是我提出的代码

import {View, Text, StyleSheet, FlatList} from 'react-native'
constructor(props){
    super(props)

    this.state = {
        listItem:[
            {key: 'Insert'},
            {key: 'View'},
            {key: 'Update'},
            {key: 'Delete'}
        ]
    }

}

render(){
        return(
            <View style={styles.container}>
                <View style={styles.header}>
                <Text style={styles.headerText}>Welcome Mr. {this.props.navigation.state.params.data
                ?this.props.navigation.state.params.data:"No data passed"}</Text>
                </View>
                <View style={styles.content}>
                    <FlatList
                    data ={this.state.listItem}
                    ItemSeparatorComponent = {this.FlatListItemSeparator}
                    renderItem = {(item)=>
                    <Text style={styles.item}
                    onPress={this.GetItem.bind(this, item.key)}>{item.key}</Text>}
                    />
                </View>

            </View>
        )
    }

我想念什么?

1 个答案:

答案 0 :(得分:2)

(let* ((cmdline (or (cdr (assoc :cmdline params)) "")) (in-file (org-babel-temp-file "maxima-" ".max")) (cmd (format "%s --very-quiet -r \"batchload(\\\"%s\\\")$\" %s" org-babel-maxima-command in-file cmdline))) 功能道具将您带回的参数需要进行重构。这意味着它包含一个名为renderItem的道具(以及另外两个道具:itemindex),它不是您选择调用separators的通用参数。

因此,为了解决您的问题,您只需替换

item

renderItem = {(item)=>...

有关renderItem = {({ item })=>...及其FlatList道具的详细说明,请查看官方RN doc