ref="slider" style={styles.sliderContainer} {...this._panResponder.panHandlers} collapsable={false}>
render() { return ( <Animated.View style={this.state.position.getLayout()} {...this.state.panResponder.panHandlers} > {this.renderCards()} </Animated.View> ); }
render() { return ( <View style={styles.container} {...this._panResponder.panHandlers}> <Image source={require('./assets/panresponder.png')} /> </View> ); }
render() { const animatedStyle = { transform: this.animatedValue.getTranslateTransform(), } return ( <View style={styles.container}> <Animated.View style={[styles.button, animatedStyle]} { ...this.panResponder.panHandlers}> <Text> Drag me </ Text> </ Animated.View> </View> ); }
render() { const { children } = this.props; const { dragging } = this.state; // Update children with the state of the drag return children({ handlers: this.panResponder.panHandlers, dragging, }); }
render() { let { pan, scale } = this.state; let [translateX, translateY] = [pan.x, pan.y]; let rotate = '0deg'; let imageStyle = {transform: [{translateX}, {translateY}, {rotate}, {scale}]}; return ( <View style={styles.container} {...this._panResponder.panHandlers}> <Image source={require('./assets/panresponder.png')} /> </View> ); }
_renderMap() { return ( <View {...this._panResponder.panHandlers}> <VenueMap focused={this.state.mapIsFocused} onCloseMap={this._onCloseMap} style={[ styles.map, this.state.mapIsFocused && { height: ACTIVE_MAP_HEIGHT }, ]} /> </View> ); }
render() { return ( <View style={styles.container}> <Text style={styles.positionDisplay}> x : {this.state.position.x} y: {this.state.position.y}' </Text> <View {...this._panResponder.panHandlers} style={[styles.box, {marginLeft: this.state.position.x, marginTop: this.state.position.y}]}/> </View> ) }
render() { return this.state.loaded ? ( <View style={{ flex: 1 }}> <Expo.GLView {...this.panResponder.panHandlers} ref={(ref) => this._glView = ref} style={{ flex: 1 }} onContextCreate={this._onGLContextCreate} /> <BlueOverlay ref={(ref) => this.overlay = ref} /> </View> ) : <Expo.AppLoading />; }
render() { return <View {...this.props} {...this.panResponder.panHandlers} />; }
render() { const { x, y } = this.state; return ( <View> <View {...this.panResponder.panHandlers} style={[styles.box, { top: y, left: x }]} /> </View> ); }
render() { return <View style={{flex: 1}} {...this._panResponder.panHandlers}><WrappedComponent {...this.props}/></View> }
render() { const { backgroundColor } = this.state; return ( <View style={styles.container}> <View style={[styles.button, { backgroundColor }]} {...this.panResponder.panHandlers} > <Text>Hello</Text> </View> </View> ); }
render() { const { children } = this.props; const { dragging } = this.state; // Update children with the state of the drag return children({ handlers: this.panResponder.panHandlers, dragging, }); }
render() { return this.state.loaded ? ( <View style={{ flex: 1 }}> <Expo.GLView {...this.panResponder.panHandlers} ref={(ref) => this._glView = ref} style={{ flex: 1 }} onContextCreate={this._onGLContextCreate} /> <BlueOverlay ref={(ref) => this.overlay = ref} /> </View> ) : <Expo.AppLoading />; }