reset() { this.setState( { focusedLocation: { latitude: 37.78825, longitude: -122.4324, latitudeDelta: 0.015, longitudeDelta: Dimensions.get('window').width / Dimensions.get('window').height * 0.015, }, locationChosen: false }) }
componentWillMount() { this.position = new Animated.ValueXY(0.0); Animated.spring(this.position, { toValue: {x:Dimensions.get("window").width, y:Dimensions.get("window").height} }).start(); }
calcHeight(){ var w = Dimensions.get('window').width var h = Dimensions.get('window').height return ((w>h)?h:w)-100; }
render() { return ( <TabView navigationState={this.state} renderScene={this.state.sceneMap} onIndexChange={index => this.setState({ index })} initialLayout={{ width: Dimensions.get('window').width, height: Dimensions.get('window').height, }} /> ); }
PanResponder.create({ onStartShouldSetPanResponder: (event, gestureState) => true, onMoveShouldSetPanResponder: (event, gestureState) => true, onPanResponderMove: (event, gestureState) => { this.state.bottomBarHeight.setValue( Dimensions.get("window").height - gestureState.moveY, ); }, })
animateFullScreenModal(isActive) { const { navigationState } = this.props; let initialValue = isActive ? 0 : Dimensions.get('window').height; let finalValue = isActive ? Dimensions.get('window').height : 0; this.props.navigationState.modal.animation.setValue(initialValue); Animated.spring( this.props.navigationState.modal.animation, { toValue: finalValue, } ).start(); }
setTimeout(() => { this.setState({ xValue : Math.floor(Math.random() * Dimensions.get('window').width), yValue : Math.floor(Math.random() * Dimensions.get('window').height) }) }, 1000);
_renderImage(image) { let contentHeight = scaleModerate(375, 1); let height = Dimensions.get('window').height - contentHeight; let width = Dimensions.get('window').width; image = (<Image style={[styles.image, {height, width}]} source={require('../../images/vecihi.jpg')}/>); return image; }
constructor(props) { super(props); var bounds = Dimensions.get("window"); this.state = { toc: [], show: false, width : bounds.width, height : bounds.height, orientation: "PORTRAIT" } }
render() { return ( <TabView navigationState={this.state} renderScene={this._renderScene} renderTabBar={this._renderTabBar} onIndexChange={this._handleIndexChange} initialLayout={{ width: Dimensions.get("window").width, height: Dimensions.get("window").height }} /> ); }
constructor(props){ super(props); this.state = { xValue : Dimensions.get('window').width / 2, yValue : Dimensions.get('window').height / 2 } // required for android devices if(Platform.OS === 'android'){ UIManager.setLayoutAnimationEnabledExperimental(true); } }
animatePageSheetModal(isActive) { const { navigationState } = this.props; let initialValue = isActive ? 0 : Dimensions.get('window').height; let finalValue = isActive ? Dimensions.get('window').height : 0; this.props.navigationState.modal.animation.setValue(initialValue); Animated.timing( this.props.navigationState.modal.animation, { toValue: finalValue, duration: 0, } ).start(); }
_renderImage(image) { let contentHeight = scaleModerate(400, 1); let height = Dimensions.get('window').height - contentHeight; let width = Dimensions.get('window').width; image = (<Image style={[styles.image, {height, width}]} source={require('../../images/vecihi.jpg')}/>); return image; }
constructor() { this.width = Dimensions.get('window').width; this.height = Dimensions.get('window').height; }