用React Native创建第一个macOS应用程序

利用React Native创建macOS desktop apps需要Node 4.0以上, OS X 10.10以上

1. 安装react-native-macos

$ npm install react-native-macos-cli -g

2. 创建一个项目, 名为MyFirstMacOSProject

$ react-native-macos init MyFirstMacOSProject

3. 打开MyFirstMacOSProject目录

$ open MyFirstMacOSProject/

4. 修改index.macos.js文件内容

const MyFirstMacOSProject = React.createClass({
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          Welcome to My First macOS Desktop App!
        </Text>
        <Text style={styles.instructions}>
          Created by larms on 2016/8/20
        </Text>
        <Text style={styles.instructions}>
          Press Cmd+R to reload,{'\n'}
          Or use Developer Menu
        </Text>
      </View>
    );
  }
});

5. 接着打开macos目录下的MyFirstMacOSProject.xcodeproj, 在Xcode上运行即可看见运行效果

by larms.png

接下来可以用React Native开发macOS应用程序了