From a5b79f4546664cd49e50f6e995125cc9fd0fc563 Mon Sep 17 00:00:00 2001
From: Faraz Patankar <farazpatankar@gmail.com>
Date: Sun, 17 May 2020 16:59:54 -0400
Subject: [PATCH 1/2] add with-tailwind example

---
 with-tailwind/.expo-shared/assets.json |  4 ++++
 with-tailwind/App.js                   | 15 +++++++++++++++
 with-tailwind/README.md                | 21 +++++++++++++++++++++
 with-tailwind/package.json             | 13 +++++++++++++
 4 files changed, 53 insertions(+)
 create mode 100644 with-tailwind/.expo-shared/assets.json
 create mode 100644 with-tailwind/App.js
 create mode 100644 with-tailwind/README.md
 create mode 100644 with-tailwind/package.json

diff --git a/with-tailwind/.expo-shared/assets.json b/with-tailwind/.expo-shared/assets.json
new file mode 100644
index 0000000..1e6decf
--- /dev/null
+++ b/with-tailwind/.expo-shared/assets.json
@@ -0,0 +1,4 @@
+{
+  "12bb71342c6255bbf50437ec8f4441c083f47cdb74bd89160c15e4f43e52a1cb": true,
+  "40b842e832070c58deac6aa9e08fa459302ee3f9da492c7e77d93d2fbf4a56fd": true
+}
diff --git a/with-tailwind/App.js b/with-tailwind/App.js
new file mode 100644
index 0000000..1d02ecb
--- /dev/null
+++ b/with-tailwind/App.js
@@ -0,0 +1,15 @@
+import React from 'react';
+import { SafeAreaView, Text, View } from 'react-native';
+import tailwind from 'tailwind-rn';
+
+export default function App() {
+  return (
+    <SafeAreaView style={tailwind('flex-1 items-center justify-center')}>
+      <View style={tailwind('bg-blue-500 px-5 py-3 rounded-full')}>
+        <Text style={tailwind('text-white font-semibold text-lg')}>
+          Hello Tailwind 👋
+        </Text>
+      </View>
+    </SafeAreaView>
+  );
+}
diff --git a/with-tailwind/README.md b/with-tailwind/README.md
new file mode 100644
index 0000000..8de263d
--- /dev/null
+++ b/with-tailwind/README.md
@@ -0,0 +1,21 @@
+# Tailwind CSS 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` to try it out.
+
+## 📝 Notes
+
+- This example using the [`tailwind-rn`](https://github.com/vadimdemedes/tailwind-rn) library to allow you to use [Tailwind CSS](https://tailwindcss.com/) in React Native.
+- You can even customize it to use your own styles or colors. Read more about that [here](https://github.com/vadimdemedes/tailwind-rn#customization).
+- [Tailwind CSS Documentation](https://tailwindcss.com/docs/utility-first).
diff --git a/with-tailwind/package.json b/with-tailwind/package.json
new file mode 100644
index 0000000..0bfbe2c
--- /dev/null
+++ b/with-tailwind/package.json
@@ -0,0 +1,13 @@
+{
+  "dependencies": {
+    "expo": "~37.0.3",
+    "react": "~16.9.0",
+    "react-dom": "~16.9.0",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",
+    "react-native-web": "~0.11.7",
+    "tailwind-rn": "^1.1.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.8.6"
+  }
+}

From 59e1668f2c0b777b01cf22c8be769d750f8b56fd Mon Sep 17 00:00:00 2001
From: Evan Bacon <baconbrix@gmail.com>
Date: Mon, 18 May 2020 11:30:33 -0700
Subject: [PATCH 2/2] Delete assets.json

---
 with-tailwind/.expo-shared/assets.json | 4 ----
 1 file changed, 4 deletions(-)
 delete mode 100644 with-tailwind/.expo-shared/assets.json

diff --git a/with-tailwind/.expo-shared/assets.json b/with-tailwind/.expo-shared/assets.json
deleted file mode 100644
index 1e6decf..0000000
--- a/with-tailwind/.expo-shared/assets.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "12bb71342c6255bbf50437ec8f4441c083f47cdb74bd89160c15e4f43e52a1cb": true,
-  "40b842e832070c58deac6aa9e08fa459302ee3f9da492c7e77d93d2fbf4a56fd": true
-}