From f63cd754871c6b208f80d2731a6af6a17362120b Mon Sep 17 00:00:00 2001
From: Evan Bacon <baconbrix@gmail.com>
Date: Thu, 14 May 2020 10:19:41 -0700
Subject: [PATCH] Created shoutem example

---
 with-shoutem/App.js          | 12 ++++++++++++
 with-shoutem/README.md       | 19 +++++++++++++++++++
 with-shoutem/babel.config.js |  6 ++++++
 with-shoutem/package.json    | 17 +++++++++++++++++
 4 files changed, 54 insertions(+)
 create mode 100644 with-shoutem/App.js
 create mode 100644 with-shoutem/README.md
 create mode 100644 with-shoutem/babel.config.js
 create mode 100644 with-shoutem/package.json

diff --git a/with-shoutem/App.js b/with-shoutem/App.js
new file mode 100644
index 0000000..c7fa335
--- /dev/null
+++ b/with-shoutem/App.js
@@ -0,0 +1,12 @@
+import React, { PureComponent } from "react";
+import { StatusBar } from "react-native";
+import { View, Examples } from "@shoutem/ui";
+
+export default function App() {
+  return (
+    <View styleName="flexible">
+      <Examples />
+      <StatusBar barStyle="default" hidden={false} />
+    </View>
+  );
+}
diff --git a/with-shoutem/README.md b/with-shoutem/README.md
new file mode 100644
index 0000000..0f64870
--- /dev/null
+++ b/with-shoutem/README.md
@@ -0,0 +1,19 @@
+# Shoutem UI Example
+
+<p>
+  <!-- iOS -->
+  <img alt="Supports Expo iOS" longdesc="Supports Expo iOS" src="https://img.shields.io/badge/iOS-4630EB.svg?style=flat-square&logo=APPLE&labelColor=999999&logoColor=fff" />
+  <!-- Android -->
+  <img alt="Supports Expo Android" longdesc="Supports Expo Android" src="https://img.shields.io/badge/Android-4630EB.svg?style=flat-square&logo=ANDROID&labelColor=A4C639&logoColor=fff" />
+  <!-- Web -->
+  <img alt="Supports Expo Web" longdesc="Supports Expo Web" src="https://img.shields.io/badge/web-4630EB.svg?style=flat-square&logo=GOOGLE-CHROME&labelColor=4285F4&logoColor=fff" />
+</p>
+
+## 🚀 How to use
+
+- Install with `yarn` or `npm install`.
+- Run [`expo start`](https://docs.expo.io/versions/latest/workflow/expo-cli/), try it out.
+
+## 📝 Notes
+
+- [Shoutem UI docs](https://github.com/shoutem/ui)
diff --git a/with-shoutem/babel.config.js b/with-shoutem/babel.config.js
new file mode 100644
index 0000000..73ebf58
--- /dev/null
+++ b/with-shoutem/babel.config.js
@@ -0,0 +1,6 @@
+module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: ["babel-preset-expo"],
+  };
+};
diff --git a/with-shoutem/package.json b/with-shoutem/package.json
new file mode 100644
index 0000000..75c55b1
--- /dev/null
+++ b/with-shoutem/package.json
@@ -0,0 +1,17 @@
+{
+  "dependencies": {
+    "@shoutem/ui": "^2.0.7",
+    "expo": "^37.0.7",
+    "react": "16.8.3",
+    "react-dom": "16.9.0",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",
+    "react-native-linear-gradient": "~2.5.6",
+    "react-native-photo-view": "shoutem/react-native-photo-view#0ffa1481f6b6cb8663cb291b7db1d6644440584d",
+    "react-native-vector-icons": "^6.6.0",
+    "react-native-web": "0.11.7",
+    "react-native-webview": "9.4.0"
+  },
+  "devDependencies": {
+    "@babel/core": "7.9.0"
+  }
+}