<Onboard />

Install

Make sure you have installed the following dependencies before using react-native-wave-onboard:

• @react-native-community/masked-view
• react-native-animatable
• react-native-redash
• react-native-gesture-handler
• react-native-reanimated

1npm install @react-native-community/masked-view react-native-animatable react-native-redash react-native-gesture-handler react-native-reanimated

1yarn add @react-native-community/masked-view react-native-animatable react-native-redash react-native-gesture-handler react-native-reanimated

After installing the dependencies, you can proceed with installing react-native-wave-onboard:

1npm install react-native-wave-onboard

1yarn add react-native-wave-onboard

Usage

1import React from 'react';
2import { View, Image } from 'react-native';
3import { Onboard } from 'react-native-wave-onboard';
4
5const App = () => {
6  return (
7    <View style={{ flex: 1 }}>
8      <Onboard
9        slides={[
10          {
11            color: '#FF5733',
12            title: 'Welcome',
13            description: 'Get started with our app',
14            picture: <Image source={require('./images/circle.png')} />,
15          },
16          // Add more slides as needed
17        ]}
18        language="Enter the desired language" // 'ptBR' | 'en' | 'es' | 'fr' | 'de' | 'it' | 'ru' | 'ja' | 'ko' | 'zhCN' | 'ar'
19        onStartPress={() => {
20          // TODO: Implement your function to redirect
21        }}
22      />
23    </View>
24  );
25};
26
27export default App;

Props

Onboard Component Props

• slides?: SlideProps[]: Array of slides to be displayed in the onboard. Each slide should conform to SlideProps.
• onStartPress?: () => void: Callback function invoked when the start button is pressed.
• language?: 'ptBR' | 'en' | 'es': Language for the onboard interface.

Contributing

If you have a question, found a bug or want to propose a new feature, have a look at the issues page.

Pull requests are especially welcomed when they fix bugs or improve the code quality.

📝 License

This project is licensed under the MIT License - see file LICENSE for details.

---

Feito com 💜 por Cristiano Borges 👋 linkedin , Daniel Marques 👋 linkedin , Gabriel Rocha 👋 linkedin ,