React Native

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

使用示例

生态圈项目

分享