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