简介 · React Native 中文网
跳到主要内容React Native 中文网0.70Next0.700.690.680.670.66所有版本文档组件API架构实战课讨论热更新关于Search入门基础简介核心组件与原生组件React 基础处理文本输入使用滚动视图使用长列表特定平台代码其他参考资源环境搭建开发流程设计性能调优JavaScript 运行环境原生模块原生 UI 组件新架构介绍新架构迁移指南Android 与 iOS 指南新架构实战课 实操 + 基建 + 原理全维度包揽，抢先掌握 React Native 新架构精髓 立即查看 >On this page简介欢迎开启 React Native 的旅程！如果你在找如何搭建环境的文档，请移步搭建开发环境。 继续往下阅读可了解关于文档结构、原生组件、React等相关的一些介绍。许多不同类型的人都在使用 React Native：从高级 iOS 开发人员到 React 初学者，再到职业生涯中第一次开始编程的人。这些文档是为所有学习者编写的，无论他们的经验水平或背景如何。如何使用本站文档​你可以从这里开始，像看书一样线性阅读这些文档；也可以阅读你需要的特定部分。已经熟悉 React 了吗？你可以跳过该部分--或者阅读它来进行简单的复习。预备知识​要使用 React Native，你需要对 JavaScript 基础知识有所了解。如果你是 JavaScript 新手或需要复习，你可以在 MDN 上深入学习或复习一下。虽然我们尽最大努力假设读者在这之前没有太多 React、Android 或 iOS 开发的知识，但对于有抱负的 React Native 开发者来说，这些都是有价值的学习主题。我们会尽可能地提供深入了解的相关文章链接。交互示例​文档中时常会附有一些可以直接在浏览器中运行的交互示例，例如：上面的示例使用了一个叫做 Snack Player 的工具（我们也会用“沙盒环境”代指）。这是由 Expo 公司提供的专门用于演示、学习 React Native 的交互工具。它集成了 react-native-web 兼容层，会尽可能把 React Native 的代码转化为兼容的网页来运行（当然会有无法转化的情况，那种情况下则必须使用模拟器或者手机来运行）。上面的代码可以直接修改和运行，所以你可以在里面直接练习。试着改下上面示例中的文字看看效果吧！沙盒环境通常只用于简单的演示、学习项目，它无法添加新的原生模块。所以对于正式的项目，我们建议搭建完整的原生环境 。上面的代码你也可以直接复制粘贴到完整项目的App.js文件中来运行。函数式组件与 Class 组件​你可以在 React 中使用函数式组件或 Class 组件。最开始只有 Class 组件能够使用 state ，但自从有了 React Hooks API, 你可以为函数组件添加 state 和很多其它的功能。Hooks API 是 React Native 0.59 提供的新特性, Hooks 是一种面向未来的编写 React 组件的方式，因此我们在本文档中优先使用函数组件，你也可以点击“Class 组件”切换到 Class 组件代码：函数式组件Class 组件给开发者的提示​学习 React Native 的开发者拥有不同的开发背景，你或许有很多技术经验，包括 Android、iOS 等等，我们在编写文档的时候努力照顾到具有不同知识背景的开发者，有些时候我们会专门针对特定的平台提供特定的讲解:AndroidiOSWebWeb 开发者看到的内容。Android 开发者看到的内容。iOS 开发者看到的内容。特殊格式​我们使用粗体字来描述菜单路径，使用“>”符号连接子菜单，比如： Android Studio > Preferences现在让我们开始学习 React Native 的基础知识 核心组件与原生组件.改进此文档下一页核心组件与原生组件如何使用本站文档预备知识交互示例函数式组件与 Class 组件给开发者的提示特殊格式 React Native 中文网 © 2022 武汉青罗网络科技有限公司
鄂ICP备20002031号-3
鄂公网安备 42011202001821号