Image
顯示本地圖片
- 存放圖片在Assets資料夾
- 然後用Image的source去讀取圖片顯示
import{View, Text, StyleSheet, Image} from 'react-native';
const DetailScreen = ({result}) => {
return (
<View>
<Image source={ require('./assets/icon.png') } />
</View>
);
}
顯示網路圖片
- 存放圖片在一個網路路徑
- 然後用Image的uri去讀取圖片顯示
- 必須要提供stylesheet才會有圖片顯現出來
import{View, Text, StyleSheet, Image} from 'react-native';
const DetailScreen = ({result}) => {
return (
<View>
<Image style="styles.imageStyle" source={ {uri:result.image_url} } />
</View>
);
}
const styles = styleSheet.create({
imageStyle:{
height:100,
width:200,
}
});
resizeMode
