The issue I'm facing on line 38 with setting the size is perplexing me as it's causing the android app to crash. Interestingly, when the size parameter is removed, everything works perfectly fine. I have all of the scales commented out because I suspected they might be the root of the problem.
Any insights or suggestions would be greatly appreciated! Thank you in advance!!!
import React from 'react';
import {
StyleSheet,
Text,
View,
Image,
TextInput,
TouchableOpacity,
} from 'react-native';
import { LinearGradient } from 'expo-linear-gradient';
import { MaterialCommunityIcons } from '@expo/vector-icons';
import { scale, verticalScale, moderateScale } from 'react-native-size-matters';
export default function HomeScreen() {
return (
<LinearGradient
colors={['#FF0093', '#272933', '#272933']}
style={styles.container}>
<TouchableOpacity>
<View style={{flexDirection: 'row', /*top: scale(150)*/}}>
<View style = {{/*paddingLeft: scale(10)*/}}>
<MaterialCommunityIcons
name="account-outline" color='white' size='50'>
</MaterialCommunityIcons>
</View>
<View style = {{justifyContent: 'center', /*paddingLeft: scale(20)*/}}>
<Text style={styles.accountPlaceholder} >
Click for Account Settings
</Text>
</View>
<View style = {{/*paddingLeft: scale(20)*/ justifyContent: 'center'}}>
<MaterialCommunityIcons
name="chevron-right" color='white' >
</MaterialCommunityIcons>
</View>
</View>
</TouchableOpacity>
{/* End of Click for Accoutn Settings */}
{/* Beginning of Click to Sign Up*/}
<TouchableOpacity>
<View style={{flexDirection: 'row', /*top: scale(150)*//* paddingTop: scale(30)*/}}>
<View style = {{/*{paddingLeft: scale(15)*/}}>
<MaterialCommunityIcons
name="logout" color='white' >
</MaterialCommunityIcons>
</View>
<View style = {{justifyContent: 'center',/* paddingLeft: scale(15)*/}}>
<Text style={styles.accountPlaceholder} >
Click to Sign Out
</Text>
</View>
<View style = {{/*paddingLeft: scale(92*)*/ justifyContent: 'center'}}>
<MaterialCommunityIcons
name="chevron-right" color='white' >
</MaterialCommunityIcons>
</View>
</View>
</TouchableOpacity>
{/* End of Click to Sign up */}
</LinearGradient>
);
}