Neolithic Psychedelic Mushrooms
    Wondering what’s next for npm?Check out our public roadmap! »

    @ericedouard/react-native-page-list

    1.2.0 • Public • Published

    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



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



    LueHsoft LueH LABS Lue Hang luehang

    📄 License

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

    Install

    npm i @ericedouard/react-native-page-list

    DownloadsWeekly Downloads

    3

    Version

    1.2.0

    License

    MIT

    Unpacked Size

    23 kB

    Total Files

    4

    Last publish

    Collaborators

    • avatar