小編給大家分享一下react native所指的是什么前端框架,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
創(chuàng)新互聯(lián)建站主營海安網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,app軟件開發(fā),海安h5成都小程序開發(fā)搭建,海安網(wǎng)站營銷推廣歡迎海安等地區(qū)企業(yè)咨詢
React Native是一個開源的跨平臺移動應用開發(fā)框架,支持iOS和安卓兩大平臺;它使用Javascript語言,JSX,以及CSS來開發(fā)移動應用,因此熟悉Web前端開發(fā)的技術人員只需很少的學習就可以進入移動應用開發(fā)領域。
React Native(簡稱RN)是Facebook于2015年4月開源的跨平臺移動應用開發(fā)框架,是Facebook早先開源的JS框架 React 在原生移動應用平臺的衍生產(chǎn)物,支持iOS和安卓兩大平臺。
React Native使用Javascript語言,類似于HTML的JSX,以及CSS來開發(fā)移動應用,因此熟悉Web前端開發(fā)的技術人員只需很少的學習就可以進入移動應用開發(fā)領域。
React Native使你只使用JavaScript也能編寫原生移動應用。 它在設計原理上和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應用是真正的移動應用
React Native產(chǎn)出的并不是“網(wǎng)頁應用”, 或者說“HTML5應用”,又或者“混合應用”。 最終產(chǎn)品是一個真正的移動應用,從使用感受上和用Objective-C或Java編寫的應用相比幾乎是無法區(qū)分的。 React Native所使用的基礎UI組件和原生應用完全一致。 你要做的就是把這些基礎組件使用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封裝了這些基礎的原生組件,使你在得到媲美原生應用性能的同時,還能受益于React優(yōu)雅的架構(gòu)設計。
看完了這篇文章,相信你對react native所指的是什么前端框架有了一定的了解,想了解更多相關知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!