react-native 展示安卓本地的图片
warning:
这篇文章距离上次修改已过186天,其中的内容可能已经有所变动。
在React Native中展示安卓本地图片,你可以使用<Image>
组件,并通过require
方法加载本地资源。以下是一个简单的例子:
import React from 'react';
import { Image, StyleSheet, Text, View } from 'react-native';
const App = () => {
return (
<View style={styles.container}>
<Text>本地图片展示</Text>
<Image source={require('./path/to/your/image.jpg')} style={styles.image} />
</View>
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
image: {
width: 200,
height: 200,
resizeMode: 'contain',
},
});
export default App;
确保替换require('./path/to/your/image.jpg')
中的路径为你的图片文件实际位于项目中的路径。Image
组件的style
属性允许你设置图片的样式,如宽度、高度和缩放模式。
评论已关闭