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

  • 相关阅读:
    学了这些,你就算入门DIV+CSS了(转)
    【转】Web service是什么?
    [转]MongoDB插入和查询操作
    【转】安装m2e最佳方案
    XDS框架基本事务及其Soap消息实例
    数据表改变之后数据的迁移
    HL7 PID (Patient Identification) Segment(HL7规定的PID字段)
    海量数据库的设计
    【转】基于Axis2开发WebService
    【转】JAVA 调用Web Service的方法
  • 原文地址:https://www.cnblogs.com/Mirana/p/4371739.html
Copyright © 2011-2022 走看看