[英]How can I use default image if Image url gives 404 error in react native?
[英]how can I use Image in react native?
我想使用圖像 uri 並渲染我的圖像,但它沒有顯示我不知道為什么
這是我的代碼嗨我正在使用 react-native
我想使用圖像 uri 並渲染我的圖像,但它沒有顯示我不知道為什么
這是我的代碼
import React from 'react';
import styled from 'styled-components/native';
import {FlatList,
Dimensions,
ScrollView,
NativeSyntheticEvent,
NativeScrollEvent,
} from 'react-native';
import {useSelector,useDispatch} from 'react-redux';
const Container = styled.View`
`;
const Hey = styled.Text`
`;
const ImageContainer = styled.View`
border-top-width: 1px;
border-bottom-width: 1px;
border-color: #D3D3D3;
width: ${Dimensions.get('window').width}px;
height: 400px;
/* background: lightgray; */
`;
const ImageStyle = styled.Image`
`;
const Food = ({navigation}) => {
const {cookUp} = useSelector((state) => state.post);
console.log("cookUp:",cookUp);
return (
<>
{cookUp.length ? (
<FlatList
data={cookUp}
keyExtractor={(item) => String(item.id)}
// keyExtractor={(item, index) => {
// return `${index}`;
// }}
renderItem={({item}) => (
console.log("item.Images:",item.Images),
<ImageContainer>
<ImageStyle
source={{uri:item.Images[0].src}}
/>
</ImageContainer>
)}
/>
) :
(<Hey>hiaaaaaa</Hey>)
}
</>
);
};
export default Food;
這是控制台日志
如何修復我的代碼? 你能幫我么??
試試這個方法
import {Image} from 'react-native';
<Image
source={{uri:item.Images[0].src}}
width={200}
height={200}
/>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.