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

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

React Native是一個開源的跨平臺移動應(yīng)用開發(fā)框架，支持iOS和安卓兩大平臺；它使用Javascript語言，JSX，以及CSS來開發(fā)移動應(yīng)用，因此熟悉Web前端開發(fā)的技術(shù)人員只需很少的學習就可以進入移動應(yīng)用開發(fā)領(lǐng)域。

React Native（簡稱RN）是Facebook于2015年4月開源的跨平臺移動應(yīng)用開發(fā)框架，是Facebook早先開源的JS框架 React 在原生移動應(yīng)用平臺的衍生產(chǎn)物，支持iOS和安卓兩大平臺。

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

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

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

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

上面代碼就是運用react native寫的一個簡單組件。

React Native著力于提高多平臺開發(fā)的開發(fā)效率 —— 僅需學習一次，編寫任何平臺。

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

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

import React, { Component } from 'react';
import { Image, ScrollView, Text } from 'react-native';
class AwkwardScrollingImageWithText extends Component {
  render() {
    return (
      
        
        
          在iOS上，React Native的ScrollView組件封裝的是原生的UIScrollView。
          在Android上，封裝的則是原生的ScrollView。
          在iOS上，React Native的Image組件封裝的是原生的UIImageView。
          在Android上，封裝的則是原生的ImageView。
          React Native封裝了這些基礎(chǔ)的原生組件，使你在得到媲美原生應(yīng)用性能的同時，還能受益于React優(yōu)雅的架構(gòu)設(shè)計。 
        
      
    );
  }
}

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

名稱欄目：reactnative所指的是什么前端框架-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明：http://weahome.cn/article/doepip.html