zoukankan      html  css  js  c++  java
  • facebook开源React Native,可以用JS开发原生IOS应用

    最近facebook开源了React Native,可以基于React.js开发原生的IOS和Android应用,并且已经有上线的应用Facebook group。
    javascript也可以写原生的ios应用了,离js统一世界又进了一步,激动。。

    ##Getting Started

    ###Requirements

    1. OS X,目前react native只有IOS版,而且Xcode只能在mac上用。
    2. Xcode
    3. homebrew,可以用来安装node,watchman,flow
    4. brew install node
    5. brew install watchman
    6. brew install flow

    ###Quick Start

    npm install -g react-native-cli
    react-native init react_ios

    这就创建了一个空的工程,进入目录,打开react_ios.xcodeproj,修改index.ios.js。
    command+r就可以运行了。

    附index.ios.js代码,把react.js里虚拟dom的概念搬到了ios里,UI提供了类似flexbox的布局,并实现了css的子集。

    /**
    * Sample React Native App
    * https://github.com/facebook/react-native
    */
    'use strict';

    var React = require('react-native');
    var {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    } = React;

    var react_ios = React.createClass({
    render: function() {
    return (
    <View style={styles.container}>
    <Text style={styles.welcome}>
    Welcome to React Native!
    </Text>
    <Text style={styles.instructions}>
    To get started, edit index.ios.js{' '}
    Press Cmd+R to reload
    </Text>
    </View>
    );
    }
    });

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

    AppRegistry.registerComponent('react_ios', () => react_ios);

    原文:http://www.mirana.me/blog/55150b8ce1382362097499a3

  • 相关阅读:
    haskell的分数运算
    我的自画像
    秋 天 19:4320:05
    不要逼孩子考100分
    看图写话
    转载:挺住,意味着一切
    Wpf UI框架 MaterialDesign 的使用记录
    通过蓝牙的RSSI计算两端之间的距离(一维定位)
    java tcp socket readline 阻塞问题处理
    Android Back返回键 退出
  • 原文地址:https://www.cnblogs.com/Mirana/p/4371739.html
Copyright © 2011-2022 走看看