亚游,  “欧洲野牛”级气垫登陆艇使用了5台总功率为6万马力的燃气涡轮发动机,最大航速可达63节,巡航速度也达到了55节。即使在战斗装载的情况下,仍然可以30节~40节、甚至更高的速度航行。

  2016财年第二财季,思科宣布并支付了每股0.21美元的现金股息,总支出为11亿美元。思科第二财季回购了约4800万股普通股,平均回购为每股26.12美元,总计支出13亿美元。自公布股票回购计划以来,截至2016年1月23日,思科已经回购了45亿股普通股,平均回购为每股20.97美元,总计支出约951亿美元。月薪过万十大冷门职业  ----在4月11日至5月21日的一个月内,搜狐股份从0.81美元攀升至1.69美元,上涨0.88美元,涨幅高达109%。这是一个再正常不过的反应——预期家青鸟不会止步于18.9%,更何况,青鸟带来了一个故事。

React Native 用 React 开发移动应用

ReactNative 可以基于目前大热的开源JavaScript库React.js来开发iOS和Android原生App。而且React Native已经用于生产环境——Facebook Groups iOS 应用就是基于它开发的。

React Native的原理是在JavaScript中用React抽象操作系统原生的UI组件,代替DOM元素来渲染,比如以<View>取代<div>,以<Image>替代<img>等。

在幕后,React Native在主线程之外,在另一个背景线程里运行JavaScript引擎,两个线程之间通过一批量化的async消息协议来通信(有一个专门的React插件)。

UI方面React Native提供跨平台的类似Flexbox的布局系统,还支持CSS子集。可以用JSX或者普通JavaScript语言,还有CoffeeScript和TypeScript来开发。有评论说,React的UI层模型要比UIKit好很多。

更好的是,由于基于Web技术,开发起来可以像在浏览器里那样随时在仿真程序中查看应用运行情况,刷新一下就行,无需编译,爽吧。

React Native比起标准Web开发或原生开发能够带来的三大好处:

  1. 手势识别:基于Web技术(HTML5/JavaScript)构建的移动应用经常被抱怨缺乏及时响应。而基于原生UI的React Native能避免这些问题从而实现实时响应。

  2. 原生组件:使用HTML5/JavaScript实现的组件比起原生组件总是让人感觉差一截,而React Native由于采用了原生UI组件自然没有此问题。

  3. 样式和布局:iOS、Android和基于Web的应用各自有不同的样式和布局机制。React Native通过一个基于FlexBox的布局引擎在所有移动平台上实现了一致的跨平台样式和布局方案。

原生 iOS 组件:

var React = require('react-native');
var { TabBarIOS, NavigatorIOS } = React;

var App = React.createClass({
  render: function() {
    return (
      <TabBarIOS>
        <TabBarIOS.Item title="React Native" selected={true}>
          <NavigatorIOS initialRoute={{ title: 'React Native' }} />
        </TabBarIOS.Item>
      </TabBarIOS>
    );
  },
});

 

触摸事件处理:

 
var React = require('react-native');
var { ScrollView, TouchableHighlight, Text } = React;

var TouchDemo = React.createClass({
  render: function() {
    return (
      <ScrollView>
        <TouchableHighlight onPress={() => console.log('pressed')}>
          <Text>Proper Touch Handling</Text>
        </TouchableHighlight>
      </ScrollView>
    );
  },
});

 

布局:

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

var ReactNative = React.createClass({
  render: function() {
    return (
      <View style={styles.row}>
        <Image
          source={{uri: '/facebook0b0agithub0b0aio/react/img/logo_og.png'}}
          style={styles.image}
        />
        <View style={styles.text}>
          <Text style={styles.title}>
            React Native
          </Text>
          <Text style={styles.subtitle}>
            Build high quality mobile apps using React
          </Text>
        </View>
      </View>
    );
  },
});
var styles = StyleSheet.create({
  row: { flexDirection: 'row', margin: 40 },
  image: { width: 40, height: 40, marginRight: 10 },
  text: { flex: 1, justifyContent: 'center'},
  title: { fontSize: 11, fontWeight: 'bold' },
  subtitle: { fontSize: 10 },
});

 

扩展:

/Objective-C

#import "RCTBridgeModule.h"

@interface MyCustomModule : NSObject <RCTBridgeModule>
@end

@implementation MyCustomModule
- (void)processString:(NSString *)input callback:(RCTResponseSenderBlock)callback
{
  RCT_EXPORT(); /available as NativeModules.MyCustomModule.processString
  callback(@[[input stringByReplacingOccurrencesOfString:@"Goodbye" withString:@"Hello"];]]);
}
@end
/JavaScript

var React = require('react-native');
var { NativeModules, Text } = React;

var Message = React.createClass({
  render: function() {
    getInitialState() {
      return { text: 'Goodbye World.' };
    },
    componentDidMount() {
      NativeModules.MyCustomModule.processString(this.state.text, (text) => {
        this.setState({text});
      });
    },
    return (
      <Text>{this.state.text}</Text>
    );
  },
});

 


Copyright © 2007-2017 亚游 All Rights Reserved   冀ICP备14009818号  亚游  广告服务
长线持有苹果股票的5大原因 鲁能奢华U23完胜国安奢华外援 李霄鹏打破质疑 42%的美国人退休时存款不足1万美元 退休有破产风险 闹哪样?保罗697万卖休城豪宅 半年前800万买的 天津人才落户办理流程细化:无工作无房需先调档 神吐槽:这是签约仪式?这不是包工头发工资么? 欧盟前贸易委员:中企走出去应耐心融入当地市场 环球时报:团结必须是“中国大厦”的力学中枢 库里34分勇士豪取50胜 篮网苦战难逃横扫命运 国务院关于修改和废止部分行政法规的决定 百回合虐勇士66分!火箭莽汉说这是联盟最强阵 日巡半田比洞赛第一轮 石川辽战败北梁容银晋级
60岁“女侠”43年救25名落水者 带动800多志愿者 女生花13万上补习班成绩下滑140分 官方:已派人查 男子发布相关南京大屠杀极端言论被警方拘留15日 韩朝峰会会场画面曝光 这一细节料将招致日本抗议 27年总决赛被6个人承包!乔丹科比詹姆斯还有谁 北京办理救济金低保等公证事项8月起取消收费 商品期货多品种收绿 黑色系齐齐跳水 李慕豪:这场球火药味十足 于德豪鼓舞全队 原油期货上市在即 期货公司各项准备已基本完成 卫冕冠军申花首个对手将产生 未来3周一周双赛严峻挑战 以色列60枚火箭弹空袭叙后状告伊朗:我们不想闹大 中央巡视组:住建部以人民为中心的思想不够坚定
韦德空篮不进热火惜负 首尾之战猛龙射落老鹰 俄媒称中国共享经济领跑全球 将保持年均40%高速增长 三亚马拉松官兔退赛上收容车 最后下车冲刺拿奖牌 扎克伯格听证会闪避关键问题:FB是否过度监控用户 杭州姑娘牙齿超白 一张嘴却被医生痛骂:牙全要补 24名主播靠淫秽表演吸粉 日入万元 塌方式腐败4年后 此省仍被批肃清腐败影响不彻底 饿了么卖身阿里 张旭豪还能否与王兴一战? 印尼警员出租警方直升机赚外快 引起社会哗然 月薪过万十大冷门职业 怎么样白手起家 现在什么行业挣钱快 女人开什么店比较好 亚游