Skip to content

Commit

Permalink
chore: added new styles to mealoption screen
Browse files Browse the repository at this point in the history
  • Loading branch information
@wisdomekpotu
wisdomekpotu committed Jan 10, 2023
1 parent 19be116 commit 843fe72
Show file tree
Hide file tree
Showing 5 changed files with 234 additions and 5 deletions.
Binary file modified assets/BG1.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/onboard/first.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion screens/Curating.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ export default function Curating({ navigation }) {
width: config.deviceWidth - 60,
alignSelf: 'center',

marginTop: config.deviceHeight / 16,
marginTop: config.deviceHeight / 12,
}}
source={require('../animations/meal_loading.json')}
autoPlay
Expand Down
235 changes: 231 additions & 4 deletions screens/MealOptions.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,13 +46,16 @@ export default function MealOptions({ navigation }) {
position: 'absolute',
marginLeft: config.deviceWidth * 0.1,
top: 26,
width: config.deviceWidth * 0.77,
}}
source={require('../assets/BG1.png')}
/>
<View
style={{
marginTop: config.deviceHeight / 5,
width: config.deviceWidth * 0.94,
marginTop: config.deviceHeight / 6,
borderBottomLeftRadius: '12',
borderBottomRightRadius: '12',
width: config.deviceWidth * 0.77,
backgroundColor: 'white',
marginLeft: config.deviceWidth * 0.1,
marginBottom: config.deviceHeight / 13,
Expand All @@ -64,6 +67,8 @@ export default function MealOptions({ navigation }) {
style={{
position: 'absolute',
height: 24,
marginLeft: config.deviceWidth * 0.05,
marginTop: config.deviceHeight / 49,
fontWeight: '500',
fontSize: 17,
lineHeight: 24,
Expand All @@ -77,11 +82,233 @@ export default function MealOptions({ navigation }) {
style={{
marginTop: config.deviceHeight / 20,
opacity: 0.64,
color: '#868686',
marginLeft: config.deviceWidth * 0.05,
fontSize: 14,
}}
>
$$ * Chinese * Halal
</Text>

<Text
style={{
marginTop: config.deviceHeight / 50,
marginBottom: config.deviceHeight / 43,
opacity: 0.64,
color: '#010F07',
marginLeft: config.deviceWidth * 0.05,
fontSize: 14,
}}
>
Odi’s Kitchen 4.3 * 200+ Ratings * 25 Min
</Text>
</View>
</Pressable>
</View>

<View>
<Pressable
style={styles.press2}
onPress={() => navigation.navigate('OrderDetails')}
>
<Image
style={{
position: 'absolute',
width: config.deviceWidth * 0.77,
marginLeft: config.deviceWidth * 0.1,
top: 22,
}}
source={require('../assets/BG1.png')}
/>
<View
style={{
marginTop: config.deviceHeight / 6,
borderBottomLeftRadius: '12',
borderBottomRightRadius: '12',
width: config.deviceWidth * 0.77,
backgroundColor: 'white',
marginLeft: config.deviceWidth * 0.1,
marginBottom: config.deviceHeight / 13,

top: 22,
}}
>
<Text
style={{
position: 'absolute',
height: 24,
marginLeft: config.deviceWidth * 0.05,
marginTop: config.deviceHeight / 49,
fontWeight: '500',
fontSize: 17,
lineHeight: 24,
letterSpacing: 0.444444,
color: ' #010F07',
}}
>
Vegetarian salad
</Text>
<Text
style={{
marginTop: config.deviceHeight / 20,
opacity: 0.64,
color: '#868686',
marginLeft: config.deviceWidth * 0.05,
fontSize: 14,
}}
>
$$ * Chinese * Halal
</Text>

fontSize: 16,
<Text
style={{
marginTop: config.deviceHeight / 50,
marginBottom: config.deviceHeight / 43,
opacity: 0.64,
color: '#010F07',
marginLeft: config.deviceWidth * 0.05,
fontSize: 14,
}}
>
Odi’s Kitchen 4.3 * 200+ Ratings * 25 Min
</Text>
</View>
</Pressable>
</View>
<View>
<Pressable
style={styles.press2}
onPress={() => navigation.navigate('OrderDetails')}
>
<Image
style={{
position: 'absolute',
width: config.deviceWidth * 0.77,
marginLeft: config.deviceWidth * 0.1,
top: 22,
}}
source={require('../assets/BG1.png')}
/>
<View
style={{
marginTop: config.deviceHeight / 6,
borderBottomLeftRadius: '12',
borderBottomRightRadius: '12',
width: config.deviceWidth * 0.77,
backgroundColor: 'white',
marginLeft: config.deviceWidth * 0.1,
marginBottom: config.deviceHeight / 13,

top: 22,
}}
>
<Text
style={{
position: 'absolute',
height: 24,
marginLeft: config.deviceWidth * 0.05,
marginTop: config.deviceHeight / 49,
fontWeight: '500',
fontSize: 17,
lineHeight: 24,
letterSpacing: 0.444444,
color: ' #010F07',
}}
>
Vegetarian salad
</Text>
<Text
style={{
marginTop: config.deviceHeight / 20,
opacity: 0.64,
color: '#868686',
marginLeft: config.deviceWidth * 0.05,
fontSize: 14,
}}
>
$$ * Chinese * Halal
</Text>

<Text
style={{
marginTop: config.deviceHeight / 50,
marginBottom: config.deviceHeight / 43,
opacity: 0.64,
color: '#010F07',
marginLeft: config.deviceWidth * 0.05,
fontSize: 14,
}}
>
Odi’s Kitchen 4.3 * 200+ Ratings * 25 Min
</Text>
</View>
</Pressable>
</View>
<View>
<Pressable
style={styles.press2}
onPress={() => navigation.navigate('OrderDetails')}
>
<Image
style={{
position: 'absolute',
width: config.deviceWidth * 0.77,
marginLeft: config.deviceWidth * 0.1,
top: 22,
}}
source={require('../assets/BG1.png')}
/>
<View
style={{
marginTop: config.deviceHeight / 6,
borderBottomLeftRadius: '12',
borderBottomRightRadius: '12',
width: config.deviceWidth * 0.77,
backgroundColor: 'white',
marginLeft: config.deviceWidth * 0.1,
marginBottom: config.deviceHeight / 13,

top: 22,
}}
>
<Text
style={{
position: 'absolute',
height: 24,
marginLeft: config.deviceWidth * 0.05,
marginTop: config.deviceHeight / 49,
fontWeight: '500',
fontSize: 17,
lineHeight: 24,
letterSpacing: 0.444444,
color: ' #010F07',
}}
>
Vegetarian salad
</Text>
<Text
style={{
marginTop: config.deviceHeight / 20,
opacity: 0.64,
color: '#868686',
marginLeft: config.deviceWidth * 0.05,
fontSize: 14,
}}
>
$$ * Chinese * Halal
</Text>

<Text
style={{
marginTop: config.deviceHeight / 50,
marginBottom: config.deviceHeight / 43,
opacity: 0.64,
color: '#010F07',
marginLeft: config.deviceWidth * 0.05,
fontSize: 14,
}}
>
$$ * Regular * Halal
Odi’s Kitchen 4.3 * 200+ Ratings * 25 Min
</Text>
</View>
</Pressable>
Expand Down
2 changes: 2 additions & 0 deletions screens/Onboard.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ 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();
Expand All @@ -13,6 +14,7 @@ export default function Onboard() {
pages={[
{
backgroundColor: '#F4F3E8',
marginLeft: config.deviceWidth * 0.3,
image: <Image source={require('../assets/onboard/first.png')} />,
title: 'Save time on meal selection',
subtitle:
Expand Down

0 comments on commit 843fe72

Please sign in to comment.