小編給大家分享一下react native所指的是什么前端框架，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)公司是一家專(zhuān)業(yè)提供祿勸企業(yè)網(wǎng)站建設(shè),專(zhuān)注與成都網(wǎng)站制作、做網(wǎng)站、html5、小程序制作等業(yè)務(wù)。10年已為祿勸眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專(zhuān)業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jìn)行中。

React Native是一個(gè)開(kāi)源的跨平臺(tái)移動(dòng)應(yīng)用開(kāi)發(fā)框架，支持iOS和安卓?jī)纱笃脚_(tái)；它使用Javascript語(yǔ)言，JSX，以及CSS來(lái)開(kāi)發(fā)移動(dòng)應(yīng)用，因此熟悉Web前端開(kāi)發(fā)的技術(shù)人員只需很少的學(xué)習(xí)就可以進(jìn)入移動(dòng)應(yīng)用開(kāi)發(fā)領(lǐng)域。

React Native（簡(jiǎn)稱(chēng)RN）是Facebook于2015年4月開(kāi)源的跨平臺(tái)移動(dòng)應(yīng)用開(kāi)發(fā)框架，是Facebook早先開(kāi)源的JS框架 React 在原生移動(dòng)應(yīng)用平臺(tái)的衍生產(chǎn)物，支持iOS和安卓?jī)纱笃脚_(tái)。

React Native使用Javascript語(yǔ)言，類(lèi)似于HTML的JSX，以及CSS來(lái)開(kāi)發(fā)移動(dòng)應(yīng)用，因此熟悉Web前端開(kāi)發(fā)的技術(shù)人員只需很少的學(xué)習(xí)就可以進(jìn)入移動(dòng)應(yīng)用開(kāi)發(fā)領(lǐng)域。

React Native使你只使用JavaScript也能編寫(xiě)原生移動(dòng)應(yīng)用。 它在設(shè)計(jì)原理上和React一致，通過(guò)聲明式的組件機(jī)制來(lái)搭建豐富多彩的用戶(hù)界面。

import React, { Component } from 'react';
import { Text, View } from 'react-native';

class WhyReactNativeIsSoGreat extends Component {
  render() {
    return (
      <View>
        <Text>
          如果你喜歡在Web上使用React，那你也肯定會(huì)喜歡React Native.
        </Text>
        <Text>
          基本上就是用原生組件比如'View'和'Text'
          來(lái)代替web組件'div'和'span'。
        </Text>
      </View>
    );
  }
}

上面代碼就是運(yùn)用react native寫(xiě)的一個(gè)簡(jiǎn)單組件。

React Native著力于提高多平臺(tái)開(kāi)發(fā)的開(kāi)發(fā)效率 —— 僅需學(xué)習(xí)一次，編寫(xiě)任何平臺(tái)。

React Native應(yīng)用是真正的移動(dòng)應(yīng)用

React Native產(chǎn)出的并不是“網(wǎng)頁(yè)應(yīng)用”， 或者說(shuō)“HTML5應(yīng)用”，又或者“混合應(yīng)用”。 最終產(chǎn)品是一個(gè)真正的移動(dòng)應(yīng)用，從使用感受上和用Objective-C或Java編寫(xiě)的應(yīng)用相比幾乎是無(wú)法區(qū)分的。 React Native所使用的基礎(chǔ)UI組件和原生應(yīng)用完全一致。 你要做的就是把這些基礎(chǔ)組件使用JavaScript和React的方式組合起來(lái)。

import React, { Component } from 'react';
import { Image, ScrollView, Text } from 'react-native';
class AwkwardScrollingImageWithText extends Component {
  render() {
    return (
      <ScrollView>
        <Image
          source={{uri: 'https://i.chzbgr.com/full/7345954048/h7E2C65F9/'}}
          style={{width: 320, height:180}}
        />
        <Text>
          在iOS上，React Native的ScrollView組件封裝的是原生的UIScrollView。
          在Android上，封裝的則是原生的ScrollView。
          在iOS上，React Native的Image組件封裝的是原生的UIImageView。
          在Android上，封裝的則是原生的ImageView。
          React Native封裝了這些基礎(chǔ)的原生組件，使你在得到媲美原生應(yīng)用性能的同時(shí)，還能受益于React優(yōu)雅的架構(gòu)設(shè)計(jì)。 
        </Text>
      </ScrollView>
    );
  }
}

看完了這篇文章，相信你對(duì)react native所指的是什么前端框架有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)站題目：reactnative所指的是什么前端框架-創(chuàng)新互聯(lián)
網(wǎng)址分享：http://www.rwnh.cn/article8/doepip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、微信公眾號(hào)、建站公司、網(wǎng)頁(yè)設(shè)計(jì)公司、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)