SVG圖片未顯示在本機反應中

Question

有人能幫我理解為什么這個 svg 沒有渲染到我的屏幕上嗎？

  const fireee = this.state.h.map(e => { 
          <SvgUri
    width="10%"
    height="10%"
    uri="https://s3.us-east-2.amazonaws.com/nomics-api/static/images/currencies/btc.svg"
  /> }
      )

      return (    

<View>
{fireee}
</View>

Answer 1

試試這個：

<View>
  <SvgUri
    width="10%"
    height="10%"
    source={{ uri: "https://s3.us-east-2.amazonaws.com/nomics-api/static/images/currencies/btc.svg"}} 
  />
</View>

Answer 2

const fireee = this.state.h.map((e) => {
      if (e.logo_url.includes('svg')) {
        console.log(e.logo_url);
        return (
          <SvgUri
    width="3%"
    height="3%"
    
    uri={e.logo_url}/>
        );
      } else {
        return (
           <Image
            source={{ uri: e.logo_url }}
            style={{ width: 20, height: 20, left: '20%' }}
          />
        )
      }
    });

需要創建一個條件來對待 svg 和 png 不同