feat(slider): fix ios example

Author: michalchudziak

example/App.js

@@ -8,9 +8,8 @@
  */
 
 import React, {Component} from 'react';
-import {Platform, StyleSheet, Text, View} from 'react-native';
-
-const { examples } = require('react-native/RNTester/js/SliderExample');
+import {Platform, StyleSheet, Text, ScrollView, View} from 'react-native';
+import { examples } from './SliderExample';
 
 const instructions = Platform.select({
   ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu',
@@ -23,30 +22,36 @@ type Props = {};
 export default class App extends Component<Props> {
   render() {
     return (
-      <View style={styles.container}>
-        <Text style={styles.welcome}>Welcome to React Native!</Text>
-        <Text style={styles.instructions}>To get started, edit App.js</Text>
-        <Text style={styles.instructions}>{instructions}</Text>
-
-        {
-          examples.map((e) => e.render())
-        }
-      </View>
+      <ScrollView 
+        style={styles.scrollView} 
+        contentContainerStyle={styles.container}
+      >
+        <Text style={styles.title}>{'<Slider />'}</Text>
+        {examples.map((e, i) => (
+          <View key={`slider${i}`}>
+            <Text>{e.title}</Text>
+            {e.render()}
+          </View>
+        ))}
+      </ScrollView>
     );
   }
 }
 
 const styles = StyleSheet.create({
+  scrollView: {
+    backgroundColor: '#F5FCFF',
+  },
   container: {
-    flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
-    backgroundColor: '#F5FCFF',
+    paddingVertical: 20,
   },
-  welcome: {
+  title: {
     fontSize: 20,
     textAlign: 'center',
-    margin: 10,
+    width: '100%',
+    marginVertical: 20,
   },
   instructions: {
     textAlign: 'center',

SliderExample.js renamed to example/SliderExample.js

@@ -241,6 +241,12 @@ const Slider = (
   );
 };
 
+/* $FlowFixMe (<0.89.0)
+ * React 16.3 introduced a new forwardRef() API, 
+ * for which Flow does not currently have a definition.
+ * It should be fixed with flow v0.89
+ * (ref. https://github.com/facebook/flow/issues/6103)
+ */
 const SliderWithRef = React.forwardRef(Slider);
 
 /* $FlowFixMe(>=0.89.0 site=react_native_fb) This comment suppresses an error