Edited README

Author: sajithneyo

README.md

@@ -35,7 +35,18 @@ https://github.com/dooboolab/react-native-switch-toggle
 |backgroundColorOff|  | string | 'rgb(215,215,215)' |
 |circleColorOn|  | string | 'white' |
 |circleColorOff|  | string | 'rgb(102,134,205)' |
-|duration|  | number | 300
+|duration|  | number | 300 |
+|type|  |number| 0 - Normal switch, 1 - Switch with a text|
+|buttonText| |string|Text on-top of the button|
+|backTextRight| |string|Text to appear in right side when button toggled to left|
+|backTextLeft|  |string|Text to appear in left side when button toggled to right|
+|buttonTextStyle|   |styles|Styles for text on the button|
+|textRightStyle|    |styles|Styles for text in right|
+|textLeftStyle| |styles|Styles for text in left|
+|buttonStyle|   |styles|Styles for the button|
+|buttonContainerStyle|  |styles|Styles for button container|
+|rightContainerStyle|   |styles|Styles for right text container|
+|leftContainerStyle|    |styles|Styles for left text container|
 
 ## Getting started
 `$ npm install react-native-switch-toggle --save`
@@ -57,8 +68,21 @@ export default class App extends Component<{}> {
     this.state = {
       switchOn1: false,
       switchOn2: false,
+      switchOn4: false
     };
   }
+  
+  getButtonText() {
+    return this.state.switchOn4 ? 'Hour' : 'Day';
+  }
+  
+  getRightText() {
+    return this.state.switchOn4 ? '' : 'Hour';
+  }
+  
+  getLeftText() {
+    return this.state.switchOn4 ? 'Day' : '';
+  }
 
   render() {
     return (
@@ -110,6 +134,46 @@ export default class App extends Component<{}> {
           circleColorOn='green'
           duration={500}
         />
+        <SwitchToggle
+          buttonText={this.getButtonText()}
+          backTextRight={this.getRightText()}
+          backTextLeft={this.getLeftText()}
+          
+          type={1}
+          buttonStyle={{
+            alignItems: 'center',
+            justifyContent: 'center',
+            position: 'absolute'
+          }}
+          
+          rightContainerStyle={{flex: 1, alignItems: 'center', justifyContent: 'center'}}
+          leftContainerStyle={{flex: 1, alignItems: 'center', justifyContent: 'flex-start'}}
+        
+          buttonTextStyle={{fontSize: 20}}
+          textRightStyle={{fontSize: 20}}
+          textLeftStyle={{fontSize: 20}}
+        
+          containerStyle={{
+            marginTop: 16,
+            width: 160,
+            height: 65,
+            borderRadius: 30,
+            padding: 5,
+          }}
+          backgroundColorOn='#fff'
+          backgroundColorOff='#fff'
+          circleStyle={{
+            width: 80,
+            height: 55,
+            borderRadius: 27.5,
+            backgroundColor: 'blue', // rgb(102,134,205)
+          }}
+          switchOn={this.state.switchOn4}
+          onPress={this.onPress4}
+          circleColorOff='#e5e1e0'
+          circleColorOn='#e5e1e0'
+          duration={500}
+        />
       </View>
     );
   }
@@ -122,6 +186,9 @@ export default class App extends Component<{}> {
   onPress3 = () => {
     this.setState({ switchOn3: !this.state.switchOn3 });
   }
+  onPress4 = () => {
+    this.setState({switchOn4: !this.state.switchOn4});
+  };
 }
 
 const styles = StyleSheet.create({