React Native Page List
An easy and simple to use React Native component that renders swipable performant pages with intelligent scroll/swipe detection to cushion rough guestures. Supporting both iOS and Android. Free and made possible along with costly maintenance and updates by Lue Hang (the author).
🔗 Quick Links
💎 Install
Type in the following to the command line to install the module.
$ npm install --save react-native-page-list
or
$ yarn add react-native-page-list
🎉 Usage Example
Add an import
to the top of the file. At minimal, place array
data into the data
prop and render the pages using the renderItem
prop.
If you like
react-native-page-list
, please be sure to give it a star at GitHub. Thanks.
import PageList from "react-native-page-list";
import { View, Image } from "react-native";
//...
render() {
return (
<PageList
data={[
{ uri: "https://luehangs.site/pic-chat-app-images/pexels-photo-853168.jpeg" },
{ uri: "https://luehangs.site/pic-chat-app-images/animals-avian-beach-760984.jpg" },
{ uri: "https://luehangs.site/pic-chat-app-images/beautiful-beautiful-woman-beauty-9763.jpg" },
{ uri: "https://luehangs.site/pic-chat-app-images/photo-755745.jpeg" },
{ uri: "https://luehangs.site/pic-chat-app-images/photo-799443.jpeg" }
]}
renderItem={({ item, index }) => {
return (
<View key={index} style={{flex: 1, backgroundColor: "#000"}}>
<Image
source={{ uri: item.uri }}
style={{flex: 1}}
resizeMode="contain"
/>
</View>
);
}}
/>
);
}
//...
📖 Full Documentation
Learn more about the installation and how to use this package in the updated documentation page.
🎅 Author
Free and made possible along with costly maintenance and updates by Lue Hang (the author).
👏 Contribute
Pull requests are welcomed.
🎩 Contributors
Contributors will be posted here.
👶 Beginners
Not sure where to start, or a beginner? Take a look at the issues page.
📄 License
MIT © Lue Hang, as found in the LICENSE file.