Flatlist 和数据映射未显示数据

Question

我尝试使用 array.prototype.map() 映射我的数据，但数据合并为一行，我尝试使用 flatlist 作为替代，但它没有显示任何内容.....有人可以帮助我吗？

const array = [
    {name: 'Almer', id: 1},
    {name: 'Donat', id: 2},
    {name: 'Ardi', id: 3},
  ];

以上是数据

 {array.map((e) => {
        return (
          <View>
            <Text>{e.name}</Text>
          </View>
        );
      })}

任何帮助或参考都将拯救我的一天！谢谢你

Answer 1

尝试没有错误：

代码：

import React from "react";
import { Text, SafeAreaView, View, FlatList } from "react-native";


const array = [
  { name: 'Almer', id: 1 },
  { name: 'Donat', id: 2 },
  { name: 'Ardi', id: 3 },
];

const Test = () => {
  return (
    <SafeAreaView>
      <Text>--- array with map ---</Text>
      {array.map((e) => {
        return (
          <View>
            <Text>{e.name}</Text>
          </View>
        );
      })}
      <Text>--- FlatList --- </Text>
      <FlatList
        data={array}
        renderItem={({ item }) => (
          <View>
            <Text>{item.name}</Text>
          </View>
        )}
        keyExtractor={item => item.id.toString()}
      />
    </SafeAreaView>
  )
};

export default Test;

还有点心以备不时之需：Expo example