React-Native FlatList 白屏不加载数据

Question

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

const [datas,setDatas] = useState([
        {
            name:'dhinesh',
            phone:'9888888888',
            email:'asdasd@gmail.com',
            salary:'50000',
            position:'ww'
        },
        {
            name:'ramesh',
            phone:'93388888',
            email:'jhjj@gmail.com',
            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>
            }}
            />

请给我一个解决方案

Answer 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>
     )
 }}

React-Native FlatList 白屏不加载数据

React-Native FlatList White Screen doesn't load datas

javascript

reactjs

react-native

react-native-flatlist

请给我一个解决方案