Socket
Socket
Sign inDemoInstall

react-native-page-list

Package Overview
Dependencies
5
Maintainers
1
Versions
9
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-page-list


Version published
Weekly downloads
669
increased by5.69%
Maintainers
1
Install size
218 kB
Created
Weekly downloads
 

Readme

Source

LueHsoft LueH LABS Lue Hang luehang

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).




react-native-smart-page






:gem: 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







:tada: 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>
                );
            }}
        />
    );
}
//...



:book: Full Documentation

Learn more about the installation and how to use this package in the updated documentation page.








:santa: Author

Free and made possible along with costly maintenance and updates by Lue Hang (the author).








:clap: Contribute

Pull requests are welcomed.


:tophat: Contributors

Contributors will be posted here.


:baby: Beginners

Not sure where to start, or a beginner? Take a look at the issues page.



LueHsoft LueH LABS Lue Hang luehang

:page_facing_up: License

MIT © Lue Hang, as found in the LICENSE file.

Keywords

FAQs

Last updated on 18 Mar 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc