Skip to content

Instantly share code, notes, and snippets.

@Ayyagaries
Created April 17, 2018 14:57
Show Gist options
  • Save Ayyagaries/7970b5487fe508d7a23903efa68cafb0 to your computer and use it in GitHub Desktop.
Save Ayyagaries/7970b5487fe508d7a23903efa68cafb0 to your computer and use it in GitHub Desktop.
<Container>
<Content padder style={styles.content}>
<View style={styles.loading}>
<ActivityIndicator size="large" color="#0000ff" animating />
</View>
<Form>
<Item floatingLabel>
<Label>FirstName</Label>
<Input onChangeText={this.handleChangeFirstNameText} />
</Item>
<Item floatingLabel>
<Label>LastName</Label>
<Input onChangeText={this.handleChangeLastNameText} />
</Item>
<Item floatingLabel>
<Label>Company</Label>
<Input onChangeText={this.handleChangeCompanyText} />
</Item>
<Item floatingLabel>
<Label>SEC3URE ID</Label>
<Input onChangeText={this.handleSecureIDText} />
</Item>
</Form>
<View style={styles.checkboxView}>
<View style={styles.checkboxExact}>
<ListItem style={styles.checkboxExact}>
<CheckBox checked={this.state.exact} onPress={this.handleExactPressed} />
<Body>
<Text style={styles.notRevokedAccessText}>Exact</Text>
</Body>
</ListItem>
</View>
<View style={styles.checkboxRevokeAccess}>
<ListItem>
<CheckBox
checked={this.state.not_revoked_access}
onPress={this.handleRevokedPressed}
/>
<Body>
<Text style={styles.notRevokedAccessText}>Not Revoked Access</Text>
</Body>
</ListItem>
</View>
</View>
{this.state.showError ? <ErrorText displayText={errorMessege} /> : ''}
<Button success style={styles.searchButton} onPress={this.handleRepSearch}>
<Text> Search </Text>
</Button>
</Content>
</Container>
);
}
}
const styles = StyleSheet.create({
content: {
flex: 1,
backgroundColor: 'pink',
},
searchButton: {
marginTop: '5%',
alignSelf: 'center',
},
listItemStyles: {
height: 45,
},
checkboxView: {
// backgroundColor: 'yellow',
flexDirection: 'row',
alignSelf: 'stretch',
},
checkboxExact: {
// backgroundColor: 'yellow',
flex: 0.5,
},
checkboxRevokeAccess: {
// backgroundColor: 'pink',
flex: 1,
},
notRevokedAccessText: {
// backgroundColor: 'pink',
fontSize: 15,
},
loading: {
pointerEvents: 'none',
position: 'absolute',
left: 0,
right: 0,
top: 0,
bottom: 0,
opacity: 0.5,
backgroundColor: 'black',
justifyContent: 'center',
alignItems: 'center',
},
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment