https://github.com/hughbe/react-native-onboarding

Onboarding Screen Flow for React Native Apps
https://github.com/hughbe/react-native-onboarding

Last synced: about 2 months ago
JSON representation

Onboarding Screen Flow for React Native Apps

• Host: GitHub
• URL: https://github.com/hughbe/react-native-onboarding
• Owner: hughbe
• License: mit
• Created: 2018-07-22T16:38:24.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-31T15:43:13.000Z (almost 2 years ago)
• Last Synced: 2024-10-13T06:23:07.806Z (3 months ago)
• Language: JavaScript
• Size: 4.24 MB
• Stars: 3
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-native-onboarding

> Onboarding screen for React Native.

## Installation

```bash

npm install --save react-native react-native-onboarding-screen

```

## Usage

### Result



    

    

    



### Code

```javascript

import React from 'react';

import Onboarding from 'react-native-onboarding-screen';

export default class App extends React.Component {

    render() {

        const Pages = [

                {

                    title: 'Welcome',

                    subtitle: 'to the Oxford Union app. Here you can browse the term card and engage with the Union, all in one place.'

                },

                {

                    title: 'Get Engaged',

                    subtitle: 'The Oxford Union app integrates closely with Facebook. Don\'t worry, we won\'t post anything to your profile.',

                    action: {

                        title: "Login to Facebook",

                        onPress: this.showFacebookLogin

                    }

                },

                {

                    title: "Great",

                    subtitle: "That's all for now. As you use the app, we'll learn about the events you like and use this to personalize your experience.",

                    action: {

                        title: "Let's Get Started",

                        onPress: this.finishOnboarding

                    }

                }

        ];

        return (

            

        );

    }

}

```