React native 反应本机：不渲染图像

我正在学习React native，只想在container.View和title.Text中添加一个图像。什么也没有显示。我尝试了从资产文件夹和通过uri访问它

“我的资产”文件夹位于“组件”文件夹之外

import React, { useState, useEffect } from 'react'
import styled from 'styled-components/native'
import { Text, Image, View } from 'react-native'

import { MAGIC_API } from './reusable/urls';


export const MagicAnswerList = () => {
  const [magicAnswer, setMagicAnswer] = useState([])

    useEffect(() => {
    fetch(MAGIC_API)
      .then(res => res.json())
      .then(magicdata => setMagicAnswer(magicdata))
      .catch(err => console.error(err))
  }, [])

 return (
    <Container>
        <Title>
          {magicAnswer.Answer}
          <MagicBall 
            source={require('../assets/billiard.png')}
          /> 
        </Title>
    </Container>
  )
}

import React，{useState，useffect}来自“React”
从“样式化组件/本机”导入样式化
从“react native”导入{文本、图像、视图}
从“./reusables/url”导入{MAGIC_API}；
导出常量MagicAnswerList=（）=>{
常量[magicAnswer，setMagicAnswer]=useState（[]）
useffect（（）=>{
获取（MAGIC_API）
.then（res=>res.json（））
。然后（magicdata=>setMagicAnswer（magicdata））
.catch（err=>console.error（err））
}, [])
返回(
{magicAnswer.Answer}
)
}

我看不到您的

被使用。我看到的是

。我建议您尝试渲染更简单的内容，看看会发生什么。

您需要在

标记中添加

样式

参数。例如：

<Image
    source={require('../assets/billiard.png')}
    style={{
        height: 100,
        width: 100,
        resizeMode: 'contain'
    }}
/>

---

请注意，

width

和

height

参数是使其可见所必需的。

我将其更改为，并且是相同的，我没有收到任何错误消息，但也没有渲染任何内容。图像显示在Inspector工具中，但不会在浏览器窗口中渲染。它在androidI上渲染时具有以下特征：

const MagicBall=styled。图像

width:40px，height:40px，border radius:35%，