Fix "skip", "next" and "done" button positions on iOS

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "editor.formatOnSave": false
+}

AppIntro.js

@@ -1,5 +1,6 @@
 import assign from 'assign-deep';
-import React, { Component, PropTypes } from 'react';
+import PropTypes from "prop-types";
+import React, { Component } from 'react';
 import {
   StatusBar,
   StyleSheet,
@@ -75,7 +76,7 @@ const defaulStyles = {
     right: 0,
     flexDirection: 'row',
     flex: 1,
-    justifyContent: 'center',
+    justifyContent: 'space-between',
     alignItems: 'center',
     backgroundColor: 'transparent',
   },
@@ -212,10 +213,12 @@ export default class AppIntro extends Component {
           onSkipBtnClick={() => this.props.onSkipBtnClick(index)} /> :
           <View style={this.styles.btnContainer} />
         }
-        {this.props.showDots && RenderDots(index, total, {
-          ...this.props,
-          styles: this.styles
-        })}
+        <View style={this.styles.dotContainer}>
+          {this.props.showDots && RenderDots(index, total, {
+            ...this.props,
+            styles: this.styles
+          })}
+        </View>
         {this.props.showDoneButton ? <DoneButton
             {...this.props}
             {...this.state}

Example/AppIntro.js

@@ -1,5 +1,6 @@
 import assign from 'assign-deep';
-import React, { Component, PropTypes } from 'react';
+import PropTypes from "prop-types";
+import React, { Component } from 'react';
 import {
   StatusBar,
   StyleSheet,

package.json

@@ -28,6 +28,7 @@
   "homepage": "https://github.com/fuyaode/react-native-app-intro#readme",
   "dependencies": {
     "assign-deep": "^0.4.5",
-    "react-native-swiper": "git+https://github.com/FuYaoDe/react-native-swiper.git"
+    "prop-types": "^15.6.1",
+    "react-native-swiper": "^1.5.13"
   }
 }