Use modern JS/React syntax for the example usage

This commit is contained in:
Jean Regisser
2017-08-04 12:14:20 +02:00
parent 0986e9f8c5
commit 7b993a6584

View File

@@ -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 (
<View style={styles.container}>
<Slider
value={this.state.value}
onValueChange={(value) => this.setState({value})} />
<Text>Value: {this.state.value}</Text>
onValueChange={value => this.setState({ value })}
/>
<Text>
Value: {this.state.value}
</Text>
</View>
);
}
});
}
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