diff --git a/README.md b/README.md index ccaaca3..508074c 100644 --- a/README.md +++ b/README.md @@ -11,45 +11,46 @@ npm install react-native-qrcode ```jsx 'use strict'; -var React = require('react'); -var QRCode = require('react-native-qrcode'); -var { +import React, { Component } from 'react' +import QRCode from 'react-native-qrcode'; + +import { AppRegistry, StyleSheet, View, TextInput -} = require('react-native'); +} from 'react-native'; -var helloworld = React.createClass({ - getInitialState: function() { - return { - text: 'http://facebook.github.io/react-native/', - }; - }, - render: function() { - return ( - - this.setState({text: text})} - value={this.state.text} - /> - - - ); - } -}); +class HelloWorld extends Component { + state = { + text: 'http://facebook.github.io/react-native', + }; -var styles = StyleSheet.create({ + render() { + return ( + + this.setState({text: text})} + value={this.state.text} + /> + + + ); + }; +} + +const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: 'white', alignItems: 'center', - justifyContent: 'center' + justifyContent: 'center', + marginTop: 80 }, input: { @@ -62,9 +63,9 @@ var styles = StyleSheet.create({ } }); -AppRegistry.registerComponent('helloworld', () => helloworld); +AppRegistry.registerComponent('HelloWorld', () => HelloWorld); -module.exports = helloworld; +module.exports = HelloWorld; ``` ## Available Props