Android开发学习之路--React-Native之初体验

sudo npm install -g react-native-cli

ll /usr/local/bin
total 47064
-rwxr-xr-x  1 jared  admin   656B  3 28 17:38 brew
-rwxr-xr-x  1 root   wheel   290K  3  6  2015 ctags
-rwxrwxr-x  1 root   wheel    23M  3  9 10:52 node
lrwxr-xr-x  1 502    staff    38B  3 14 14:21 npm -> ../lib/node_modules/npm/bin/npm-cli.js
lrwxr-xr-x  1 root   admin    45B  5  8 10:21 react-native -> ../lib/node_modules/react-native-cli/index.js
-rwxr-xr-x  1 root   wheel   2.2K  2 27  2015 wstorm

echo $PATH
/usr/local/Cellar/git/2.7.4/bin:/usr/local/bin:/usr/local/sbin:/Users/jared/.gradle/bin:/Users/jared/Desktop/jared/software/sdk/platform-tools:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin

react-native init AwesomeProject
This will walk you through creating a new React Native project in /Users/jared/Documents/workspace/react-native/AwesomeProject
Installing react-native package from npm...

->AwesomeProject ls
android          index.ios.js     node_modules
index.android.js ios              package.json

class AwesomeProject extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          Welcome to React Native!
        </Text>
        <Text style={styles.instructions}>
          To get started, edit index.android.js
        </Text>
        <Text style={styles.instructions}>
          Shake or press menu button for dev menu
        </Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});

<Text style={styles.instructions}>
      I am studying the React Native!
    </Text>

backgroundColor: '#00FFFF'