React native 反应本机平面列表不显示图像

我想水平显示我的应用程序上的图像列表。我知道如果我给我的平面列表水平={true}提供道具，它将是水平的，但问题是平面列表根本不显示图像。这就是我迄今为止所尝试的

const data = [
    {
      imageUrl: "https://c7.uihere.com/files/45/824/935/united-states-win-the-white-house-hotel-business-company-refresh-icon-thumb.jpg",
      id:"1"
    },
    {
      imageUrl: "http://via.placeholder.com/160x160",
      id:"2"
    },
    {
      imageUrl: "http://via.placeholder.com/160x160",
      id:"3"
    },
    {
      imageUrl: "http://via.placeholder.com/160x160",
      id:"4"
    },
    {
      imageUrl: "http://via.placeholder.com/160x160",
      id:"5"
    },
    {
      imageUrl: "http://via.placeholder.com/160x160",
      id:"6"
    }
  ];

export default class CircularImage extends Component {
    constructor(props) {
        super (props)
        this.state = {
            data:data
        }
    }


  render() {
  return (
    <FlatList 
    data = {this.state.data}
    renderItem = {({item}) => {
      <Image  styel = {styles.circularImage} source = {{uri : item.imageUrl}}/>
    }}
    keyExtractor ={item => {item.id.toString()}}
    />
  )
  }
}

renderItem函数中缺少返回语句

或

renderItem函数中缺少返回语句

或

---

在React Native中，图像必须具有宽度和高度才能显示。您可能遗漏了该部分。

在React Native中，图像必须具有宽度和高度才能显示。你可能漏掉了那一部分。

你打字有误。style应该是一种风格。哦……但回报声明让我很开心。顺便说一句，你错了。style应该是一种风格。哦……但回报声明让我很开心。顺便说一句，谢谢你指出这一点。

<FlatList 
    data = {this.state.data}
    renderItem = {({item}) => {
      return <Image  styel = {styles.circularImage} source = {{uri : item.imageUrl}}/>
    }}
    keyExtractor ={item => {item.id.toString()}}
    />

<FlatList 
    data = {this.state.data}
    renderItem = {({item}) => <Image  styel = {styles.circularImage} source = {{uri : item.imageUrl}}/>
    }
    keyExtractor ={item => {item.id.toString()}}
    />