如何在 react-native 中显示从 api 和 append 到 baseURL 的图像

Question

I am trying to display an image in react-native from an api and I want to append the fetched value with the base url which is https://lsm-static-prod.livescore.com/medium but image cannot be seen. 在此处输入图像描述这是代码。 请帮忙

const baseURL = 'https://lsm-static-prod.livescore.com/medium/'

<Image 
   source={baseURL + item.Events[0].T1[0].Img}
             resizeMethod="contain"
             style={{
                     width: 30,
                     height: 30,
                   }}
/>

Answer 1

对于本机反应中的图像：

你应该做

应该像这样提取源：

const uri =`${baseURL}${item.Events[0].T1[0].Img}`

对于 uri，您需要作为source = {{uri:YOUR_URL}}传递

<Image 
   source={{uri:uri}}
             resizeMethod="contain"
             style={{
                     width: 30,
                     height: 30,
                   }}
/>

希望它有效:)