react native所指的是什么前端框架

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

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

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

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

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

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

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

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

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

React Native應用是真正的移動應用

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

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封裝了這些基礎的原生組件，使你在得到媲美原生應用性能的同時，還能受益于React優雅的架構設計。 
        </Text>
      </ScrollView>
    );
  }
}

看完了這篇文章，相信你對react native所指的是什么前端框架有了一定的了解，想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！