✨ (Example) init expo project with example

Author: Spoutnik97

.editorconfig

@@ -6,7 +6,7 @@ indent_style = space
 indent_size = 2
 end_of_line = lf
 charset = utf-8
-trim_trailing_whitespace = true
+trim_trailing_whitespace = false
 insert_final_newline = true
 
 [*.md]

.eslintignore

@@ -1 +1,3 @@
 **/node_modules
+./example/metro.config.js
+./example/babel.config.js

.gitignore

@@ -1,3 +1,18 @@
 node_modules/**/*
 npm-debug.*
 .idea
+
+example/node_modules/**/*
+example/.expo/*
+example/.expo-shared/*
+example/npm-debug.*
+example/*.jks
+example/*.p8
+example/*.p12
+example/*.key
+example/*.mobileprovision
+example/*.orig.*
+example/web-build/
+
+# macOS
+example/.DS_Store

example/App.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+
+// @ts-ignore
+import HeaderImageScrollView, { TriggeringView } from 'react-native-image-header-scroll-view';
+
+export default function App() {
+  return (
+    <HeaderImageScrollView
+      maxHeight={200}
+      minHeight={56}
+      headerImage={require('./assets/NZ.jpg')}
+      renderForeground={() => (
+        <View style={{ height: 150, justifyContent: 'center', alignItems: 'center' }}>
+          <TouchableOpacity onPress={() => console.log('tap!!')}>
+            <Text style={{ backgroundColor: 'transparent' }}>Tap Me!</Text>
+          </TouchableOpacity>
+        </View>
+      )}
+    >
+      <View style={{ height: 1000 }}>
+        <TriggeringView onHide={() => console.log('text hidden')}>
+          <Text>Scroll Me!</Text>
+        </TriggeringView>
+      </View>
+    </HeaderImageScrollView>
+  );
+}

example/app.json

@@ -0,0 +1,30 @@
+{
+  "expo": {
+    "name": "example",
+    "slug": "example",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "updates": {
+      "fallbackToCacheTimeout": 0
+    },
+    "assetBundlePatterns": ["**/*"],
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#FFFFFF"
+      }
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}