added style to welcome screen touchable

This commit is contained in:
Nouman Tahir 2021-04-23 04:41:09 +05:00
parent 494ea22e24
commit fec5119e28

View File

@ -28,33 +28,31 @@ const WelcomeScreen = ({ handleButtonPress }) => {
return ( return (
<SafeAreaView style={styles.root}> <SafeAreaView style={styles.root}>
<View style={styles.container}> <TouchableOpacity onPress={handleButtonPress} style={styles.container}>
<TouchableOpacity onPress={handleButtonPress}> <Image
<Image style={styles.mascot}
style={styles.mascot} resizeMode="contain"
resizeMode="contain" source={require('../../../assets/love_mascot.png')}
source={require('../../../assets/love_mascot.png')} />
<View style={styles.topText}>
<Text style={styles.welcomeText}>{intl.formatMessage({ id: 'welcome.label' })}</Text>
<Text style={styles.ecencyText}>{intl.formatMessage({ id: 'welcome.title' })}</Text>
</View>
<View>
{_renderInfo('question', 'welcome.line1_heading', 'welcome.line1_body')}
{_renderInfo('emotsmile', 'welcome.line2_heading', 'welcome.line2_body')}
{_renderInfo('people', 'welcome.line3_heading', 'welcome.line3_body')}
</View>
<View style={styles.bottomButton}>
<MainButton
onPress={handleButtonPress}
isDisable={false}
isLoading={false}
style={{ alignSelf: 'center', paddingHorizontal: 30 }}
text={intl.formatMessage({ id: 'welcome.get_started' })}
/> />
<View style={styles.topText}> </View>
<Text style={styles.welcomeText}>{intl.formatMessage({ id: 'welcome.label' })}</Text> </TouchableOpacity>
<Text style={styles.ecencyText}>{intl.formatMessage({ id: 'welcome.title' })}</Text>
</View>
<View>
{_renderInfo('question', 'welcome.line1_heading', 'welcome.line1_body')}
{_renderInfo('emotsmile', 'welcome.line2_heading', 'welcome.line2_body')}
{_renderInfo('people', 'welcome.line3_heading', 'welcome.line3_body')}
</View>
<View style={styles.bottomButton}>
<MainButton
onPress={handleButtonPress}
isDisable={false}
isLoading={false}
style={{ alignSelf: 'center', paddingHorizontal: 30 }}
text={intl.formatMessage({ id: 'welcome.get_started' })}
/>
</View>
</TouchableOpacity>
</View>
</SafeAreaView> </SafeAreaView>
); );
}; };