feat: new expo example and doc update

Author: WrathChaos

README.md

@@ -96,16 +96,17 @@ should work of the example project.
 
 ## Customization (Optionals)
 
-| Property         |   Type    |      Default       | Description                                             |
-|------------------| :-------: | :----------------: | ------------------------------------------------------- |
-| style            | ViewStyle |      default       | set or override the style object for the main container |
-| initialIndex     |  number   |         0          | set the initial index                                   |
-| activeTextColor  |  string   |        #000        | change the active tab's text color                      |
-| activeTabColor   |  string   |        #FFF        | change the active tab's color                           |
-| gap              |  number   |         0          | set extra spacing for animation horizontal value        |
-| tabStyle         | ViewStyle |      default       | set or override the style object for the tab            |
-| selectedTabStyle | ViewStyle |      default       | set or override the style object for the selected tab   |
-| textStyle        | TextStyle |      default       | set or override the style object for tab's text         |
+| Property         |   Type    | Default | Description                                                |
+|------------------|:---------:|:-------:|------------------------------------------------------------|
+| style            | ViewStyle | default | set or override the style object for the main container    |
+| initialIndex     |  number   |    0    | set the initial index                                      |
+| activeTextColor  |  string   |  #000   | change the active tab's text color                         |
+| activeTabColor   |  string   |  #FFF   | change the active tab's color                              |
+| gap              |  number   |    0    | set extra spacing for animation horizontal value           |
+| tabStyle         | ViewStyle | default | set or override the style object for the tab               |
+| selectedTabStyle | ViewStyle | default | set or override the style object for the selected tab      |
+| activeTextStyle  | TextStyle | default | set or override the style object for the active tab's text |
+| textStyle        | TextStyle | default | set or override the style object for tab's text            |
 
 ## Future Plans
 

example/.buckconfig

@@ -1,61 +1,36 @@
-# OSX
-#
-.DS_Store
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
 
-# Xcode
-#
-build/
-*.pbxuser
-!default.pbxuser
-*.mode1v3
-!default.mode1v3
-*.mode2v3
-!default.mode2v3
-*.perspectivev3
-!default.perspectivev3
-xcuserdata
-*.xccheckout
-*.moved-aside
-DerivedData
-*.hmap
-*.ipa
-*.xcuserstate
-
-# Android/IntelliJ
-#
-build/
-.idea
-.gradle
-local.properties
-*.iml
-*.hprof
-
-# node.js
-#
+# dependencies
 node_modules/
-npm-debug.log
-yarn-error.log
-
-# BUCK
-buck-out/
-\.buckd/
-*.keystore
-!debug.keystore
-
-# fastlane
-#
-# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
-# screenshots whenever they are needed.
-# For more information about the recommended setup visit:
-# https://docs.fastlane.tools/best-practices/source-control/
-
-*/fastlane/report.xml
-*/fastlane/Preview.html
-*/fastlane/screenshots
-
-# Bundle artifact
-*.jsbundle
-
-# Ruby / CocoaPods
-/ios/Pods/
-/vendor/bundle/
+
+# Expo
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+
+# Native
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo

example/.bundle/config

@@ -1,6 +1,6 @@
 import React from "react";
 import { View, Image, Dimensions, Text } from "react-native";
-import SegmentedControl from "react-native-segmented-control-2";
+import SegmentedControl from "./lib/SegmentedControl";
 
 const { width: ScreenWidth } = Dimensions.get("screen");