fix: update README.md

This commit is contained in:
慎里 2016-11-11 11:40:47 +08:00
parent 8a0729cc42
commit f137cb11d7

View File

@ -11,22 +11,22 @@ npm install react-native-qrcode
```jsx ```jsx
'use strict'; 'use strict';
var React = require('react'); import React, { Component } from 'react'
var QRCode = require('react-native-qrcode'); import QRCode from 'react-native-qrcode';
var {
import {
AppRegistry, AppRegistry,
StyleSheet, StyleSheet,
View, View,
TextInput TextInput
} = require('react-native'); } from 'react-native';
var helloworld = React.createClass({ class HelloWorld extends Component {
getInitialState: function() { state = {
return { text: 'http://facebook.github.io/react-native',
text: 'http://facebook.github.io/react-native/',
}; };
},
render: function() { render() {
return ( return (
<View style={styles.container}> <View style={styles.container}>
<TextInput <TextInput
@ -41,15 +41,16 @@ var helloworld = React.createClass({
fgColor='white'/> fgColor='white'/>
</View> </View>
); );
} };
}); }
var styles = StyleSheet.create({ const styles = StyleSheet.create({
container: { container: {
flex: 1, flex: 1,
backgroundColor: 'white', backgroundColor: 'white',
alignItems: 'center', alignItems: 'center',
justifyContent: 'center' justifyContent: 'center',
marginTop: 80
}, },
input: { 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 ## Available Props