render() { const props = this.props; return ( <Animated.View ref={c => (this.component = c)} {...props} style={[styles.messageRight, props.style]} > <Text style={styles.messageRightText}>{props.text}</Text> </Animated.View> ); }
export default function InformativeNotification({ style, notificationMessage, }: Props) { return ( <Animated.View style={[styles.container, style]}> <Text style={[styles.content]}>{notificationMessage}</Text> </Animated.View> ); }
this.setState({ frame: props => { regl.clear({ depth: 1, color: [0, 0, 0, 1] }); if (this.props.children) this.props.children.forEach(entity => entity.renderer(regl)(entity)); gl.endFrameEXP(); } });
render() { const height = Math.abs(this.props.end-this.props.start) if (this.props.overlay.confirmation) { return <TouchableWithoutFeedback onPress={()=>this.props.actions.overlay.setConfirmationMessage(null)}> <Animated.View style={[styles.box, {height, bottom: this.state.bottom}]}> <Text style={[css.text, styles.text]}>{this.props.overlay.confirmation}</Text> </Animated.View> </TouchableWithoutFeedback>; } return null; }
render() { let url = '/' + this.props.label.toLowerCase().trim().replace(' ', '-'); return React.createElement("div", null, React.createElement("a", { href: url }, this.props.label), React.createElement("br", null)); }
tabClass (tab) { return ClassNames({ active: this.props.children.props.location.pathname === tab }) }
getAllTags() { let { children } = this.props; children = React.Children.toArray(children); const checkedTags = children .filter(child => this.isTagSelectOption(child)) .map(child => child.props.value); return checkedTags || []; }
render() { const { move } = this.state return ( <View style={styles.container}> {/* Combine the styles with move. Call getLayout() to convert x and y to screen coords */} <Animated.View style={[styles.box, move.getLayout()]}> <Text style={styles.title}>Animated 2</Text> <Text>Animation moves up using spring.</Text> </Animated.View> </View> ); }
export default function Header({ positionY, miniPos }) { const opacity = positionY.interpolate({ inputRange: [0, 50, miniPos], outputRange: [1, 0, 0] }) return ( <Animated.View style={{ ...styles.container, opacity }}> <ChevronDown style={styles.chevron} /> <Options style={styles.options} /> </Animated.View> ) }
render () { return ( (<Animated.View style={[styles.containers, {opacity: this.state.showValue, height: this.props.height, backgroundColor: this.props.bodyColor}]}> <Text>{this.props.message}</Text> </Animated.View>) ) }
render () { return ( <Animated.View style={this.position.getLayout()}> <View style={styles.ball} /> </Animated.View> ); }
render() { return ( <Animated.View style={[ styles.container, { borderWidth: this.borderWidth }, this.props.style ]}> {this.props.children} </Animated.View> ); }
getAllTags() { let { children } = this.props; children = React.Children.toArray(children); const checkedTags = children .filter(child => this.isTagSelectOption(child)) .map(child => child.props.value); return checkedTags || []; }
tabClass (tab) { return ClassNames({ active: this.props.children.props.location.pathname === tab }) }
tabClass (tab) { return ClassNames({ active: this.props.children.props.location.pathname === tab }) }