-
Notifications
You must be signed in to change notification settings - Fork 0
/
Onboard.js
39 lines (37 loc) · 1.29 KB
/
Onboard.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
import { Image } from 'react-native';
import Onboarding from 'react-native-onboarding-swiper';
import React from 'react';
import { useNavigation } from '@react-navigation/native';
import config from '../config';
export default function Onboard() {
const navigation = useNavigation();
return (
<Onboarding
onSkip={() => navigation.replace('Ordermeal')}
onDone={() => navigation.replace('Ordermeal')}
pages={[
{
backgroundColor: '#F4F3E8',
marginLeft: config.deviceWidth * 0.3,
image: <Image source={require('../assets/onboard/first.png')} />,
title: 'Save time on meal selection',
subtitle:
'Cut the clutter and get a curated shortlist of meals just for you',
},
{
backgroundColor: '#F4F3E8',
image: <Image source={require('../assets/onboard/second.png')} />,
title: 'Choose your meal',
subtitle: 'Set your meal preferences in just 5 easy steps',
},
{
backgroundColor: '#F4F3E8',
image: <Image source={require('../assets/onboard/third.png')} />,
title: 'Multiple delivery options',
subtitle:
'Have your meals delivered to you via your preferred delivery methods',
},
]}
/>
);
}