View View View Image: 'Contain'

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 2

<View style={[index.screenMainContainer, index.

customPaddingHorizontal0]}>
<View style={[index.styleCardedit, index.customStyleCardEdit]}>
<View style={ index.containerImageText }>
<Image source={ iconUser } resizeMode='contain' style={{ marginRight: 12, width: 40, height: 40
}} />
<Text style={ index.TextBold }>{t('parameters:Installer Information')}</Text>
</View>
<View style={ index.saurFromgroupstyle }>
<Text style={ index.saurLabelstyle }>{t('parameters:lastName')}</Text>
<TextInput
onChangeText={(lastName) => this.setState({lastName})}
value={this.state.lastName}
style={ index.saurInputstyle }/>
</View>
<View style={ index.saurFromgroupstyle }>
<Text style={ index.saurLabelstyle }>{t('parameters:firstName')}</Text>
<TextInput
onChangeText={(firstName) => this.setState({firstName})}
value={this.state.firstName}
style={ index.saurInputstyle }/>
</View>
<View style={ index.saurFromgroupstyle }>
<Text style={ index.saurLabelstyle }>{t('parameters:email')}</Text>
<TextInput style={ index.saurInputstyle }/>
</View>
<View>
<Button
title={t('buttons:Reset fields')}
titleStyle={index.titleButtonStyle}
containerStyle={{ margin: 0 }}
buttonStyle={index.buttonStyle}
onPress={() => this.props.navigation.navigate('FlowRateCalculatorResult', this.state)}
/>
</View>
</View>
</View>
<View style={[index.screenMainContainer, index.customPaddingHorizontal0]}>
<View style={[index.styleCardedit, index.customStyleCardEdit]}>
<View style={ index.containerImageText }>
<Image source={ iconUser } resizeMode='contain' style={{ marginRight: 12, width: 40, height: 40
}} />
<Text style={ index.TextBold }>{t('parameters:Report')}</Text>
<View style={[index.styleCardedit, index.customStyleCardEdit]}>
<View style={ index.saurFromgroupstyle }>
<Text style={ index.saurLabelstyle }>{t('parameters:title')}</Text>
<TextInput
onChangeText={(lastName) => this.setState({lastName})}
value={this.state.lastName}
style={ index.saurInputstyle }/>
</View>
<View style={ index.saurFromgroupstyle }>
<Text style={ index.saurLabelstyle }>{t('parameters:instalacion date')}</Text>
<TextInput
onChangeText={(firstName) => this.setState({firstName})}
value={this.state.firstName}
style={ index.saurInputstyle }/>
</View>
</View>
</View>
</View>
</View>
<View style={[index.screenMainContainer, index.customPaddingHorizontal0]}>
<View style={[index.styleCardedit, index.customStyleCardEdit]}>
<View style={{ flex: 1, justifyContent: 'space-between', flexDirection: 'row' }}>
<Button
title={t('buttons:editData')}
titleStyle= { index.titleButtonStyleGray }
containerStyle= {{ marginTop: 25, width: '60%' }}
buttonStyle={ index.buttonStyleGray }
onPress={() =>
this.props.navigation.navigate('FlowRateCalculator')
}
/>
<Button
title={t('buttons:saveReport')}
titleStyle= {{ color: '#ee7f00', fontSize: 18 }}
containerStyle= {{ marginTop: 25, width: '60%' }}
buttonStyle={ index.buttonStyle }
onPress={() =>

this.props.navigation.navigate('Home')
}
/>
</View>
</View>
</View>

You might also like