react native是什麼框架？

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>
          基本上就是用原生组件比如&#39;View&#39;和&#39;Text&#39;
          来代替web组件&#39;div&#39;和&#39;span&#39;。
        </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: &#39;https://i.chzbgr.com/full/7345954048/h7E2C65F9/&#39;}}
          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中文網其他相關文章！