feat(expo): add expo example

example/.babelrc

@@ -0,0 +1,8 @@
+{
+  "presets": ["babel-preset-expo"],
+  "env": {
+    "development": {
+      "plugins": ["transform-react-jsx-source"]
+    }
+  }
+}

example/.gitignore

@@ -0,0 +1,3 @@
+node_modules/**/*
+.expo/*
+npm-debug.*

example/.watchmanconfig

@@ -0,0 +1 @@
+{}

example/App.js

@@ -0,0 +1,60 @@
+import React from 'react'
+import { StyleSheet, Text, View, PixelRatio } from 'react-native'
+import CountryPicker from 'react-native-country-picker-modal'
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10
+  },
+  instructions: {
+    fontSize: 12,
+    textAlign: 'center',
+    color: '#888',
+    marginBottom: 5
+  },
+  data: {
+    padding: 15,
+    marginTop: 10,
+    backgroundColor: '#ddd',
+    borderColor: '#888',
+    borderWidth: 1 / PixelRatio.get(),
+    color: '#777'
+  }
+})
+
+export default class App extends React.Component {
+  constructor(props) {
+    super(props)
+    this.state = {
+      cca2: 'FR',
+      callingCode: ''
+    }
+  }
+  render() {
+    return (
+      <View style={styles.container}>
+        <Text style={styles.welcome}>Welcome to Country Picker !</Text>
+        <CountryPicker
+          onChange={value => {
+            this.setState({ cca2: value.cca2, callingCode: value.callingCode })
+          }}
+          cca2={this.state.cca2}
+          filterable
+        />
+        <Text style={styles.instructions}>press on the flag</Text>
+        {this.state.country && (
+          <Text style={styles.data}>
+            {JSON.stringify(this.state.country, null, 2)}
+          </Text>
+        )}
+      </View>
+    )
+  }
+}

example/app.json

@@ -0,0 +1,22 @@
+{
+  "expo": {
+    "name": "example",
+    "description": "An empty new project",
+    "slug": "example",
+    "privacy": "public",
+    "sdkVersion": "21.0.0",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "primaryColor": "#cccccc",
+    "icon": "./assets/icons/app-icon.png",
+    "loading": {
+      "icon": "./assets/icons/loading-icon.png"
+    },
+    "packagerOpts": {
+      "assetExts": ["ttf", "mp4"]
+    },
+    "ios": {
+      "supportsTablet": true
+    }
+  }
+}

example/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "example",
+  "version": "0.0.0",
+  "description": "Hello Expo!",
+  "author": null,
+  "private": true,
+  "main": "node_modules/expo/AppEntry.js",
+  "dependencies": {
+    "expo": "^21.0.0",
+    "react": "16.0.0-alpha.12",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-21.0.2.tar.gz",
+    "react-native-country-picker-modal": "^0.3.0"
+  }
+}