跳至主要内容

推出 Button 组件、使用 Yarn 加速安装以及公开路线图

·阅读时间：3 分钟
Héctor Ramos
Héctor Ramos
Facebook 前开发者布道师

我们从很多人那里了解到，React Native 正在进行很多工作，因此很难跟踪正在发生的事情。为了帮助传达正在进行的工作，我们现在发布了 React Native 的路线图。在高层次上，这项工作可以分解成三个优先级

  • 核心库。为最常用的组件和 API 添加更多功能。
  • 稳定性。改进底层基础设施以减少错误并提高代码质量。
  • 开发者体验。帮助 React Native 开发者更快地开发。

如果您对路线图上有价值的功能有任何建议，请查看 Canny，您可以在其中提出新功能并讨论现有的提案。

React Native 的新功能​

React Native 0.37 版本于今天发布，引入了一个新的核心组件，可以轻松地将可触摸的 Button 添加到任何应用中。我们还引入了对新的 Yarn 包管理器的支持，这应该可以加快更新应用依赖项的整个过程。

推出 Button 组件​

今天，我们推出一个基本的 <Button /> 组件，它在每个平台上看起来都很棒。这解决了我们收到的最常见反馈之一：React Native 是唯一一个没有开箱即用的按钮的移动开发工具包。

Simple Button on Android, iOS

<Button
  onPress={onPressMe}
  title="Press Me"
  accessibilityLabel="Learn more about this Simple Button"
/>

经验丰富的 React Native 开发人员知道如何制作按钮：在 iOS 上使用 TouchableOpacity 获取默认外观，在 Android 上使用 TouchableNativeFeedback 获取波纹效果，然后应用一些样式。自定义按钮构建或安装并不特别困难，但我们的目标是使 React Native 变得非常易于学习。通过将基本按钮添加到核心组件中，新手可以在第一天就开发出很棒的东西，而不是将时间花在格式化按钮和学习 Touchable 的细微差别上。

Button 旨在在每个平台上都能很好地工作并呈现原生外观，因此它不支持自定义按钮的所有花里胡哨的功能。它是一个很好的起点，但并非旨在替换您所有现有的按钮。要了解更多信息，请查看 新的 Button 文档，其中包含一个可运行的示例！

使用 Yarn 加速 react-native init​

您现在可以使用 Yarn（JavaScript 的新包管理器）来显著加快 react-native init 的速度。要查看加速效果，请 安装 yarn 并将您的 react-native-cli 升级到 1.2.0

$ npm install -g react-native-cli

您现在应该在设置新应用时看到“使用 yarn”

Using yarn

在简单的本地测试中，react-native init 在良好的网络环境下大约 1 分钟内完成（而使用 npm 3.10.8 时大约需要 3 分钟）。安装 yarn 是可选的，但强烈推荐。

感谢您！​

我们要感谢所有为本次发布做出贡献的人。完整的 发行说明 现已在 GitHub 上提供。由于您的贡献，React Native 拥有超过 20 多个错误修复和新功能，并且变得越来越好。