Wrapper to fix a bug in ViewPagerAndroid when combined with React Navigation

viewpager-android-wrapper.js

import React, { PureComponent } from 'react';
import {
	View,
	Dimensions,
	Platform
} from 'react-native';

export default class ViewPagerWrapper extends PureComponent {
	constructor(props) {
		super(props);
		this._x = 0.5;
		this.state = {
			width: Dimensions.get('window').width,
		};
		this.navigationEventFocus = this.props.navigation.addListener(
			'didFocus',
			() => {
				if (Platform.OS != "android") return;
				setTimeout(() => this._reattach(), 100);
			}
		);
	}

	componentWillUnmount() {
		this.navigationEventFocus.remove();
	}

	render() {
		return (
			<View style={[this.props.style, { flex: 1 }]}>
				<View style={{ width: this.state.width, flex: 1 }}>
					{this.props.children}
				</View>
			</View>
		)
	}

	_reattach = () => {
		this.setState({
			width: this.state.width - this._x,
		}, () => {
			this._x *= -1;
		});
	}
}