1.0.1

Author: gbhasha

Example/ExampleMain.js

@@ -12,28 +12,25 @@ class ExampleMain extends Component {
         this.state = {
             selectedIndex: 0,
             badgesStyleIndex: 0,
-            customStyleIndex: 0,
+            customStyleIndex: 0
         }
     }
 
     handleSingleIndexSelect = (index) => {
         this.setState({
-            ...this.state,
-            selectedIndex: index,
+            selectedIndex: index
         });
     }
 
     handleBadgesSelect = (index) => {
         this.setState({
-            ...this.state,
-            badgesStyleIndex: index,
+            badgesStyleIndex: index
         });
     }
 
     handleCustomIndexSelect = (index) => {
         this.setState({
-            ...this.state,
-            customStyleIndex: index,
+            customStyleIndex: index
         });
     }
 

Example/README.md

@@ -34,6 +34,19 @@ Updating the `react-native-scripts` dependency of your app should be as simple a
 
 Upgrading to a new version of React Native requires updating the `react-native`, `react`, and `expo` package versions, and setting the correct `sdkVersion` in `app.json`. See the [versioning guide](https://github.com/react-community/create-react-native-app/blob/master/VERSIONS.md) for up-to-date information about package version compatibility.
 
+# Example
+To run this example
+1. create a symlink package from the root directory, as shown below:
+```shell
+npm link
+```
+2. switch to the example folder and then run `yarn start` command, which would launch the app on simulator using the [expo](https://expo.io/) app
+
+```shell
+cd Example
+yarn start
+```
+
 ## Available Scripts
 
 If Yarn was installed when the project was initialized, then dependencies will have been installed via Yarn, and you should probably use it to run these commands as well. Unlike dependency installation, command running syntax is identical for Yarn and NPM at the time of this writing.

Example/package-lock.json

@@ -22,6 +22,6 @@
     "expo": "^27.0.1",
     "react": "16.3.1",
     "react-native": "~0.55.2",
-    "react-native-segmented-control-ui": "1.0.0"
+    "react-native-segmented-control-ui": "file:.."
   }
 }

Example/package.json

@@ -10,7 +10,12 @@
 A react native component similar to iOS SegmentedControl, Primarily built to support both IOS and Android.
 
 # Example
-To run example
+To run the example
+1. create a symlink package from the root directory, as shown below:
+```shell
+npm link
+```
+2. switch to the example folder and then run `yarn start` command, which would launch the app on simulator using the [expo](https://expo.io/) app
 
 ```shell
 cd Example
@@ -25,19 +30,18 @@ yarn start
 ```javascript
 import SegmentedControlTab from 'react-native-segmented-control-ui'
 
-class ConsumerComponent extends Component {
+const ConsumerComponent extends Component {
 
     constructor(){
       super()
       this.state = {
-        selectedIndex: 0,
+        selectedIndex: 0
       };
     }
 
     handleIndexChange = (index) => {
       this.setState({
-        ...this.state,
-        selectedIndex: index,
+        selectedIndex: index
       });
     }
 

README.md

@@ -1,6 +1,6 @@
 {
   "name": "react-native-segmented-control-ui",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "SegmentedControl using react-native,support android and ios",
   "main": "index.js",
   "scripts": {