React Native 核心概念

React Native 核心概念

React Native 与 Web 上的 React 基于相同的原则构建，但有一个关键区别。它不渲染像 div 和 span 这样的 HTML 元素，而是渲染原生平台组件。当你编写一个 View 组件时，它会在 iOS 上变成 UIView，在 Android 上变成 Android View。这就是使 React Native 应用感觉原生的魔力。

React Native 中的核心组件直接映射到原生 UI 元素。代替 div，你使用 View；代替 span 或 p，你使用 Text；代替 img，你使用 Image。这些组件是构建应用程序的基石。它们可以组合和嵌套以创建复杂的用户界面，就像 Web 上的 HTML 元素一样。

React Native 中的样式是使用 JavaScript 完成的，而不是 CSS。你使用类似 CSS 属性但采用驼峰命名的 JavaScript 对象来编写样式。例如，CSS 中的 background-color 在 React Native 中变成 backgroundColor。样式通过 style 属性直接应用于组件，你可以使用 StyleSheet.create 来定义可复用的样式对象。

桥接是连接 JavaScript 与原生平台的机制。当你编写 React Native 代码时，它在设备上的 JavaScript 引擎中运行。桥接负责序列化 JavaScript 线程和原生 UI 线程之间的消息。这种架构允许你用 JavaScript 编写应用逻辑，同时 UI 以原生方式渲染，从而两全其美。