推荐项目:React Native Image Gallery - 一款强大的移动端图片画廊组件
import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
import ImageGallery from 'react-native-image-gallery';
const images = [
{ source: require('./images/1.jpg') },
{ source: require('./images/2.jpg') },
{ source: require('./images/3.jpg') },
// ...更多图片
];
const App = () => (
<View style={styles.container}>
<ImageGallery images={images} />
</View>
);
const styles = StyleSheet.create({
container: {
flex: 1,
},
});
export default App;
这段代码演示了如何在一个React Native应用中引入并使用react-native-image-gallery
包来创建一个简单的图片画廊。首先导入必要的React Native组件,然后定义一个包含本地图片资源的图片数组。接下来,在应用的根组件中渲染ImageGallery
组件并传入这个图片数组。最后,通过StyleSheet
定义了一些基本的样式来确保画廊组件正确渲染。
评论已关闭