Typescript React Native：列表的呈现不起作用

我目前在react native中呈现列表时遇到了一个问题.

卡片数组示例:

const cards = [{"created_at": "2022-01-25 20:07:14", "description": "Descriptiontext", "id": 1, "title": "Titel 1", "updated_at": "2022-02-25 07:41:18.304291", "userid_fk": 2}, {"created_at": "2022-01-25 20:07:14", "description": "Descriptiontext 2", "id": 2, "title": "Titel 2", "updated_at": "2022-02-25 07:41:18.304291", "userid_fk": 2}]

<ScrollView>
                {cards.map((element: any) => (
                  <Layout
                    key={element.id}
                    style={[
                      globalStyles.container,
                      {flexDirection: 'row', justifyContent: 'space-between'},
                    ]}>
                    <Layout>
                      <Text style={element.title} numberOfLines={1}>
                        {element.title}
                      </Text>
                      <Text
                        style={styles.desc}
                        ellipsizeMode={'tail'}
                        numberOfLines={1}
                        lineBreakMode="tail">
                        {element.description}
                      </Text>
                      <Text appearance={'hint'} style={styles.date}>
                        Erstellt am:{' '}
                        {moment(String(element.created_at)).format(
                          'DD.MM.YYYY HH:mm',
                        )}
                      </Text>
                    </Layout>
                    <TouchableOpacity
                      onPress={() => deleteCard(element.id)}>
                      <Icon
                        name="trash"
                        fill={silver}
                        style={globalStyles.icon}
                      />
                    </TouchableOpacity>
                  </Layout>
                ))}
 </ScrollView>