为什么rn不显示图像？我给了一个原始数据来设计我的用户界面，但当我试图在我的用户界面中添加图像比它不显示任何人都可以告诉我做错了什么？我的图像是一个字符串，但当我悬停在profilepic比它告诉我，它的“任何”

import { StyleSheet, View, StatusBar, Text, Image } from 'react-native'
import React from 'react'
import ButtomNavbar from '../../Components/ButtomNavbar'
import TopNavbar from '../../Components/TopNavbar'
import { formHead } from '../../CommonCss/FormCss'
import { ScrollView } from 'react-native-gesture-handler'

const Profile = ({ navigation }) => {

  const data = [
    {
      username: 'Test user',
      upvotes: 10,
      downvotes: 2,
      profilepic: 'https://yt3.ggpht.com/6quoOf5tT9wSZdn34szck3-0J63aWSlh2CECRrCew080MRbG-8E78SzGskWQzLuUKQjE0oFc=s48-c-k-c0x00ffffff-no-rj',
      post: [
        post data here //
      ]
    }

  ]

  return (
    <View style={styles.container}>
      <StatusBar />
      <ButtomNavbar navigation={navigation} page={'profile'} />
      <TopNavbar navigation={navigation} />
      <ScrollView>
        <View style={styles.section1}>
        <Image style={styles.profileimg} source={{ uri: data.profilepic }} />
        </View>
        <View style={styles.section1}>
          <Text style={styles.txt}>Your Post</Text>
          <View style={styles.posts}>
            {/* {POST} */}
          </View>
        </View>
      </ScrollView>
    </View>

  )
}

export default Profile

const styles = StyleSheet.create({
  container: {
    width: '100%',
    height: '100%',
    backgroundColor: 'black',
    paddingVertical: 50
  },
  section1: {
    width: '100%',
    alignItems: 'center'
  },
  profileimg: {
    width: 150,
    height: 150,
  }
})