render() { return ( <ScrollView> <Spinner visible={this.state.loading} textContent={"Loading..."} textStyle={{color: '#4286f4'}}/> {this.renderUserCards()} </ScrollView> ) }
export default function CustomSpinner(props) { const { primaryColor } = Colors return ( <Spinner {...props} overlayColor={'rgba(0, 0, 0, 0.25)'} color={primaryColor} /> ) }
render() { return ( <View style={styles.container}> <View style={styles.topGroup}> <Text style={styles.myFriends}>My Friends</Text> <TouchableOpacity> <Text style={styles.inviteFriends}>Invite More Freinds</Text> </TouchableOpacity> </View> <ListView dataSource={this.state.dataSource} renderRow={this.renderRow} /> <Spinner visible={this.state.loading} /> </View> ); }
render() { return ( <Container > <Spinner visible={this.props.general.loadingScreen} textStyle={{ color: '#FFF' }} /> <Content padder> <ListView dataSource={this.state.dataSource} renderRow={(rowData)=><CardFaskes result={rowData} />} /> </Content> </Container> ); }
render() { if (!this.state.items) { return ( <View style={{ flex: 1 }}> <Spinner visible /> </View> ) } return ( <Page {...this.props} items={this.state.items} isLoading={this.state.isLoading} onLoading={this.onLoading} /> ) }
render() { return ( <View style={styles.container}> <TextField placeholder="Full Name" value={this.state.name} onChangeText={name => this.setState({ name }) } /> <TextField placeholder="Email" value={this.state.email} onChangeText={email => this.setState({ email }) } /> <TextField placeholder="Password" secureTextEntry value={this.state.password} onChangeText={password => this.setState({ password }) } /> <Button secondary onPress={()=>this.signup()}>Sign Up</Button> {this.renderErrorMessage()} <Separator /> <Button primary onPress={() => { this.props.navigator.pop(); }}>Login</Button> <Button secondary onPress={() => { this.props.navigator.push('forgetPassword'); }}>Forget Password</Button> <Spinner visible={this.state.loading} /> </View> ); }
render() { return ( <ScrollView onLayout={this.onLayout}> <Spinner visible={this.state.spinnerVisible} textContent={"Processing ..."} textStyle={{color: '#FFF'}} cancelable={false} /> <View style={styles.container}> {this.renderDocumentImage()} </View> <Picker selectedValue={this.state.selectedImageFilter} style={styles.filterPicker} onValueChange={(itemValue, itemIndex) => this.showFilteredDocumentPreviewUri(itemValue)}> <Picker.Item label="NONE" value="NONE" /> <Picker.Item label="COLOR_ENHANCED" value="COLOR_ENHANCED" /> <Picker.Item label="GRAYSCALE" value="GRAYSCALE" /> <Picker.Item label="BINARIZED" value="BINARIZED" /> <Picker.Item label="COLOR_DOCUMENT" value="COLOR_DOCUMENT" /> <Picker.Item label="PURE_BINARIZED" value="PURE_BINARIZED" /> <Picker.Item label="BACKGROUND_CLEAN" value="BACKGROUND_CLEAN" /> <Picker.Item label="BLACK_AND_WHITE" value="BLACK_AND_WHITE" /> </Picker> </ScrollView> ); }
</Header> <View style={localStyles.rootContainerStyle}> <Spinner visible={this.props.isLoading} textStyle={{ color: "#FFF" }}
let Loading = ({ loading }) => ( loading ? <View > <Spinner visible={loading} overlayColor='rgba(0, 0, 0, 0.5)' textStyle={{ color: '#000' }} color='green' animation='fade' size='large' /> </View> : null )
render() { const { crypto } = this.props; const { contentContainer } = styles; if (crypto.isFetching) { return ( <View> <Spinner visible={crypto.isFetching} textContent={"Loading..."} textStyle={{ color: '#253145' }} animation="fade" /> </View> ) } return ( <ScrollView contentContainerStyle={contentContainer}> {this.renderCoinCards()} </ScrollView> ) }
render() { return <Spinner visible={this.props.showLoadingScreen} overlayColor="rgba(0,22,78,0.7)" />; }
render() { return ( <ScrollView onLayout={this.onLayout}> <Spinner visible={this.state.spinnerVisible} textContent={"Recognizing ..."} textStyle={{color: '#FFF'}} cancelable={false} /> <Text style={styles.instructions}> Please scan both sides of your ID Card. </Text> <View style={styles.container}> {this.renderFrontImage()} </View> {this.renderEditButtons(Side.front)} <View style={styles.container}> {this.renderBackImage()} </View> {this.renderEditButtons(Side.back)} <View style={styles.container}> {this.renderMrzData()} </View> </ScrollView> ); }
return ( <View style={localStyles.rootContainerStyle}> <Spinner visible={this.props.isLoading} textStyle={{ color: "#FFF" }} /> <Card style={localStyles.containerStyle}> <Label style={styles.labelHeader}>{strings('label.register_screen')}</Label>
render() { return ( <View style={Styles.container}> <Spinner visible={this.props.isConnecting} textContent={'Connecting ...'}
render() { return ( <View style={styles.container}> <TextField placeholder="Email" value={this.state.email} onChangeText={email => this.setState({ email }) } /> <TextField placeholder="Password" secureTextEntry value={this.state.password} onChangeText={password => this.setState({ password }) } /> <Button primary onPress={this.login}>Login</Button> {this.renderErrorMessage()} <Separator /> <Button secondary onPress={() => { this.props.navigator.push('signup'); } }>Sign Up</Button> <Button secondary onPress={() => { this.props.navigator.push('forgetPassword'); } }>Forget Password</Button> <Spinner visible={this.state.loading} /> </View> ); }