docs: add examples

example/.buckconfig

@@ -0,0 +1,6 @@
+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2

example/.eslintrc.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../.eslintrc.json",
+
+  "settings": {
+    "import/core-modules": [
+      "react-native-collapsible-tab-view"
+    ]
+  }
+}

example/.expo-shared/assets.json

@@ -0,0 +1,14 @@
+{
+  "a55185c5431ee9c5e119e55fd0c5aebfd835f055a825fbda20fc99a5b87faa8c": true,
+  "6ab86ca08ce90a086e9040a792b221a26120fc1b339a1f4ec235b93783148497": true,
+  "11d7cfbc1041521ed9af938e10b654181b2ebf4bc473921f9f188f667a4c43d9": true,
+  "85f8f369180775cb94fe3180c4910b3e0646cf6c1b758d6ec61600f35c381b5c": true,
+  "3deec5eb20f7870c4ca0ef9f0811766f431a741286201ecbcdc399e00257d458": true,
+  "6712e0c5b83975230de316b1117aca844d2f9c2eef70006d9c1879e969fe7c11": true,
+  "f63d54268c35ca8fced5f985cbc04649c04b6a0afcb71af9a2577beea071ce70": true,
+  "460830ff03e91a8486c819d06a6faf7ae42e23eb098dfc711c1f439c6c300c21": true,
+  "568f0b89dac73ee1242fc0299454a3c7fa6371c1a367e870036dfc41c565a104": true,
+  "5b1e639403811807b252fb53b50bcce872c1c2151f47c2e9683d92c9a989d209": true,
+  "c9b1f1d43894d0ca8963e747a363d57fd33757750ce7036a3fb46320af9385e5": true,
+  "87afeb6e25ea7cd49bd95904265297cab90df03b861feb65fd5150e82fb2d764": true
+}

example/.watchmanconfig

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

example/README.md

@@ -0,0 +1,10 @@
+# Run the example
+
+> This example folder is the shameless copy of the [original examples](https://github.com/satya164/react-native-tab-view/tree/main/example) of [react-native-tab-view](https://github.com/satya164/react-native-tab-view). All the original examples were removed, and new examples for the collapsible tab view were added.
+
+- [View it with Expo](https://expo.io/@pedrobern/react-native-collapsible-tab-view-demos)
+- Run the example locally
+  - Clone the repository and `cd` to this directory
+  - Run `yarn` to install the dependencies
+  - Run `yarn start` to start the packager
+  - Scan the QR Code with the Expo app

example/app.json

@@ -0,0 +1,20 @@
+{
+  "expo": {
+    "name": "React Native Collapsible Tab View Demos",
+    "description": "Demonstrates the various capabilities of react-native-collapsible-tab-view: https://github.com/pedrobern/react-native-collapsible-tab-view",
+    "slug": "react-native-collapsible-tab-view-demos",
+    "privacy": "public",
+    "version": "1.0.0",
+    "primaryColor": "#2196f3",
+    "icon": "assets/icon.png",
+    "loading": {
+      "icon": "assets/icon.png",
+      "hideExponentText": false
+    },
+    "platforms": [
+      "android",
+      "ios",
+      "web"
+    ]
+  }
+}

example/babel.config.js

@@ -0,0 +1,13 @@
+module.exports = {
+  presets: ['babel-preset-expo'],
+  plugins: [
+    [
+      'module-resolver',
+      {
+        alias: {
+          'react-native-collapsible-tab-view': '../src/index',
+        },
+      },
+    ],
+  ],
+};

example/index.js

@@ -0,0 +1 @@
+export * from './src/App.tsx';

example/metro.config.js

@@ -0,0 +1,45 @@
+/* eslint-disable import/no-extraneous-dependencies */
+
+const path = require('path');
+const fs = require('fs');
+const blacklist = require('metro-config/src/defaults/blacklist');
+const escape = require('escape-string-regexp');
+
+const root = path.resolve(__dirname, '..');
+const pak = JSON.parse(
+  fs.readFileSync(path.join(root, 'package.json'), 'utf8')
+);
+
+const modules = [
+  '@babel/runtime',
+  '@expo/vector-icons',
+  ...Object.keys({
+    ...pak.dependencies,
+    ...pak.peerDependencies,
+  }),
+];
+
+module.exports = {
+  projectRoot: __dirname,
+  watchFolders: [root],
+
+  resolver: {
+    blacklistRE: blacklist([
+      new RegExp(`^${escape(path.join(root, 'node_modules'))}\\/.*$`),
+    ]),
+
+    extraNodeModules: modules.reduce((acc, name) => {
+      acc[name] = path.join(__dirname, 'node_modules', name);
+      return acc;
+    }, {}),
+  },
+
+  transformer: {
+    getTransformOptions: async () => ({
+      transform: {
+        experimentalImportSupport: false,
+        inlineRequires: true,
+      },
+    }),
+  },
+};

example/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "collapsible-tab-view-example",
+  "version": "0.0.1",
+  "private": true,
+  "main": "index",
+  "scripts": {
+    "start": "expo start",
+    "android": "expo android",
+    "ios": "expo ios",
+    "web": "expo start:web"
+  },
+  "dependencies": {
+    "@expo/vector-icons": "^10.0.0",
+    "@react-native-community/async-storage": "~1.11.0",
+    "expo": "^38.0.9",
+    "expo-asset": "~8.1.7",
+    "expo-constants": "~9.1.1",
+    "expo-keep-awake": "~8.2.1",
+    "react": "16.11.0",
+    "react-dom": "16.11.0",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-38.0.2.tar.gz",
+    "react-native-gesture-handler": "~1.6.0",
+    "react-native-reanimated": "~1.9.0",
+    "react-native-tab-view": "^2.15.2",
+    "react-native-web": "~0.11.7",
+    "scheduler": "^0.19.1"
+  },
+  "devDependencies": {
+    "@types/react": "~16.9.44",
+    "@types/react-native": "~0.63.4",
+    "babel-plugin-module-resolver": "^4.0.0",
+    "babel-preset-expo": "^8.2.3",
+    "expo-cli": "^3.23.1",
+    "typescript": "~3.9.7"
+  },
+  "resolutions": {
+    "@babel/runtime": "^7.9.0"
+  }
+}