Question

Flat 列表不会在 React Native 中显示。我想将信息传递给另一个组件，我正在使用 flatList 进行渲染，但是屏幕上什么也没有出现，我也没有收到错误消息......是我的另一个组件将接收信息

我的平面列表：

  return (
    <View style={styles.container}>
      <FlatList
        numColumns={2}
        data={DATA}
        renderItem={({item}) => {<Item {...item} />}}
        keyExtractor={(item) => item.id}
        ListHeaderComponent={<Cabecalho />}
      />
    </View>
  );
};

我的组件你应该渲染什么


export const Item = ({titulo}) => {
    
    return (
            <View>
                <Text >{titulo}</Text>
            </View>
    );
}

数据：

export const DATA = [
    {
      id: 'bd7acbea-c1b1-46c2-aed5-3ad53abb28ba',
      titulo: 'Abajur',
      imagem: require('../assets/images/01-tablelamps.png'),
      estudio: 'Jim&Jill Designs',
      itemName: 'Wilson',
      preco: 92.1,
      itemDesc:
        'Contrary to popular belief, Lorem Ipsum is not simply random text',
    },

Answer 1

发生这种情况是因为 renderItems 没有返回任何组件来修复此更改

 renderItem={({item}) => {<Item {...item} />}}

到

  renderItem={({item}) => {return <Item {...item} />}}

或

 renderItem={({item}) => <Item {...item} />}

平面列表不显示在其他组件中

1 个答案: