HeyBinyang
← 返回開源
·JavaScript 框架·React Native

React Native

一次學習,隨處編寫:使用 React 構建行動應用程式。

React Native 將 React 宣告式 UI 框架帶到 iOS 和 Android。使用 React Native,你可以使用原生 UI 控制項,並完全存取原生平台。

  • 宣告式。 React 讓建立互動式 UI 變得輕鬆無痛。宣告式視圖讓你的程式碼更可預測且更容易除錯。

  • 基於元件。 建立封裝的元件來管理其狀態,然後組合它們以建立複雜的 UI。

  • 開發者速度。 在幾秒鐘內看到本機變更。對 JavaScript 程式碼的變更可以即時重新載入,而無需重建原生應用程式。

  • 可攜性。 在 iOS、Android 和 其他平台 之間重複使用程式碼。

React Native 由許多公司和個人核心貢獻者開發與支援。在我們的 生態系統概覽 中了解更多。

使用範例

import {View, Text} from 'react-native';
import {SafeAreaView, SafeAreaProvider} from 'react-native-safe-area-context';

const ViewBoxesWithColorAndText = () => {
  return (
    <SafeAreaProvider>
      <SafeAreaView style={{flexDirection: 'row'}}>
        <View style={{height: 100, backgroundColor: 'blue', flex: 0.2}} />
        <View style={{height: 100, backgroundColor: 'red', flex: 0.4}} />
        <Text>Hello World!</Text>
      </SafeAreaView>
    </SafeAreaProvider>
  );
};

export default ViewBoxesWithColorAndText;

https://snack.expo.dev/?description=Example%20usage&deviceFrame=false&hideQueryParams=true&name=View%20Example&platform=ios

生態圈專案

這些專案與目前專案屬於同一生態,可一起了解它們的實際使用情境。

分享