React Native是一個開源的跨平台行動應用開發框架，支援iOS和安卓兩大平台；它使用Javascript語言，JSX，以及CSS來開發行動應用，因此熟悉Web前端開發的技術人員只需很少的學習就可以進入行動應用開發領域。
相關推薦：《React影片教學》
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是什麼框架？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
