├── assets
    ├── icon.png
    ├── splash.png
    ├── favicon.png
    └── adaptive-icon.png
├── babel.config.js
├── .gitignore
├── package.json
├── app.json
└── App.js


/assets/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vshashkin/visa-app/HEAD/assets/icon.png


--------------------------------------------------------------------------------
/assets/splash.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vshashkin/visa-app/HEAD/assets/splash.png


--------------------------------------------------------------------------------
/assets/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vshashkin/visa-app/HEAD/assets/favicon.png


--------------------------------------------------------------------------------
/assets/adaptive-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vshashkin/visa-app/HEAD/assets/adaptive-icon.png


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = function(api) {
2 |   api.cache(true);
3 |   return {
4 |     presets: ['babel-preset-expo'],
5 |   };
6 | };
7 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
 2 | 
 3 | # dependencies
 4 | node_modules/
 5 | 
 6 | # Expo
 7 | .expo/
 8 | dist/
 9 | web-build/
10 | 
11 | # Native
12 | *.orig.*
13 | *.jks
14 | *.p8
15 | *.p12
16 | *.key
17 | *.mobileprovision
18 | 
19 | # Metro
20 | .metro-health-check*
21 | 
22 | # debug
23 | npm-debug.*
24 | yarn-debug.*
25 | yarn-error.*
26 | 
27 | # macOS
28 | .DS_Store
29 | *.pem
30 | 
31 | # local env files
32 | .env*.local
33 | 
34 | # typescript
35 | *.tsbuildinfo
36 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "visa-app",
 3 |   "version": "1.0.0",
 4 |   "main": "node_modules/expo/AppEntry.js",
 5 |   "scripts": {
 6 |     "start": "expo start",
 7 |     "android": "expo start --android",
 8 |     "ios": "expo start --ios",
 9 |     "web": "expo start --web"
10 |   },
11 |   "dependencies": {
12 |     "expo": "~50.0.13",
13 |     "expo-status-bar": "~1.11.1",
14 |     "react": "18.2.0",
15 |     "react-native": "0.73.5"
16 |   },
17 |   "devDependencies": {
18 |     "@babel/core": "^7.20.0"
19 |   },
20 |   "private": true
21 | }
22 | 


--------------------------------------------------------------------------------
/app.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "expo": {
 3 |     "name": "visa-app",
 4 |     "slug": "visa-app",
 5 |     "version": "1.0.0",
 6 |     "orientation": "portrait",
 7 |     "icon": "./assets/icon.png",
 8 |     "userInterfaceStyle": "light",
 9 |     "splash": {
10 |       "image": "./assets/splash.png",
11 |       "resizeMode": "contain",
12 |       "backgroundColor": "#ffffff"
13 |     },
14 |     "assetBundlePatterns": [
15 |       "**/*"
16 |     ],
17 |     "ios": {
18 |       "supportsTablet": true
19 |     },
20 |     "android": {
21 |       "adaptiveIcon": {
22 |         "foregroundImage": "./assets/adaptive-icon.png",
23 |         "backgroundColor": "#ffffff"
24 |       }
25 |     },
26 |     "web": {
27 |       "favicon": "./assets/favicon.png"
28 |     }
29 |   }
30 | }
31 | 


--------------------------------------------------------------------------------
/App.js:
--------------------------------------------------------------------------------
 1 | import { StatusBar } from 'expo-status-bar';
 2 | import { StyleSheet, Text, SafeAreaView, Button; ScrollView } from 'react-native';
 3 | import React from 'react';
 4 | import { PricingCard, lightColors } from '@rneui/themed';
 5 | 
 6 | export default function App() {
 7 |   const buttonpressed = () => console.log('button pressed'); 
 8 | 
 9 |   return (
10 |     <SafeAreaView style={styles.container}>
11 |       <Text>start of the project</Text>
12 |       <StatusBar style="auto" />
13 |       <Button title={'Add Trip 1'} color='green' onPress={buttonpressed}/>
14 |     </SafeAreaView>
15 |   );
16 | }
17 | 
18 | const PricingCardComponentProps = () => {
19 | return (
20 |   <>
21 |     <ScrollView>
22 |       <PricingCard
23 |         color={lightColors.primary}
24 |         title="Free"
25 |         price="$0"
26 |         info={['1 User', 'Basic Support', 'All Core Features']}
27 |         button={{ title: ' GET STARTED', icon: 'flight-takeoff' }}
28 |       />
29 |     </ScrollView>
30 |   </>
31 | );
32 | };
33 | 
34 | export default PricingCardComponentProps;
35 | 
36 | const styles = StyleSheet.create({
37 |   container: {
38 |     flex: 1,
39 |     backgroundColor: '#fff',
40 | 
41 |   },
42 | });
43 | 


--------------------------------------------------------------------------------