React-Native FlatList White Screen 不加载数据

Posted 2023-02-16

【中文标题】React-Native FlatList White Screen 不加载数据

【英文标题】：React-Native FlatList White Screen doesn't load datas

【发布时间】：2021-12-29 07:58:14

【问题描述】：

我想在 FlatList 中显示这些数据，但它只显示白屏：

const [datas,setDatas] = useState([
        
            name:'dhinesh',
            phone:'9888888888',
            email:'[e-mail]',
            salary:'50000',
            position:'ww'
        ,
        
            name:'ramesh',
            phone:'93388888',
            email:'[e-mail]',
            salary:'90000',
            position:'sw'
        
    ]);

这是我使用的代码：

            <FlatList
            data=datas
            keyExtractor=(item, index) => index.toString()
            renderItem=(item) => 
                <View>
                    <Text>item.name</Text>
                    <Text>item.phone</Text>
                    <Text>item.email</Text>
                    <Text>item.salary</Text>
                    <Text>item.position</Text>
                </View>
            
            />

请给我一个解决方案

【参考方案1】：

在您的视图中添加return

renderItem=(item) => 
    return (
        <View>
            <Text>item.name</Text>
            <Text>item.phone</Text>
            <Text>item.email</Text>
            <Text>item.salary</Text>
            <Text>item.position</Text>
         </View>
     )