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;
