React Native 將 React的 宣告式 UI 框架帶到 iOS 和 Android。使用 React Native,你可以使用原生 UI 控制項,並完全存取原生平台。
宣告式。 React 讓建立互動式 UI 變得輕鬆無痛。宣告式視圖讓你的程式碼更可預測且更容易除錯。
基於元件。 建立封裝的元件來管理其狀態,然後組合它們以建立複雜的 UI。
開發者速度。 在幾秒鐘內看到本機變更。對 JavaScript 程式碼的變更可以即時重新載入,而無需重建原生應用程式。
可攜性。 在 iOS、Android 和 其他平台 之間重複使用程式碼。
React Native 由許多公司和個人核心貢獻者開發與支援。在我們的 生態系統概覽 中了解更多。
使用範例
jsx
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;