diff --git a/README.md b/README.md index 851be5b..8d682d0 100644 --- a/README.md +++ b/README.md @@ -32,47 +32,41 @@ npm i --save react-native-slider ## Usage ```jsx -'use strict'; +import React from "react"; +import Slider from "react-native-slider"; +import { AppRegistry, StyleSheet, View, Text } from "react-native"; -var React = require('react'); -var Slider = require('react-native-slider'); -var { - AppRegistry, - StyleSheet, - View, - Text, -} = require('react-native'); - -var SliderExample = React.createClass({ - getInitialState() { - return { - value: 0.2, - }; - }, +class SliderExample extends React.Component { + state = { + value: 0.2 + }; render() { return ( this.setState({value})} /> - Value: {this.state.value} + onValueChange={value => this.setState({ value })} + /> + + Value: {this.state.value} + ); } -}); +} -var styles = StyleSheet.create({ +const styles = StyleSheet.create({ container: { flex: 1, marginLeft: 10, marginRight: 10, - alignItems: 'stretch', - justifyContent: 'center', - }, + alignItems: "stretch", + justifyContent: "center" + } }); -AppRegistry.registerComponent('SliderExample', () => SliderExample); +AppRegistry.registerComponent("SliderExample", () => SliderExample); ``` ## Props