跳转到主要内容

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 变得非常容易学习。通过在核心中添加基本按钮，新手将能够在第一天开发出很棒的东西，而不是花费时间格式化 Button 和学习 Touchable 的细微差别。

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

使用 Yarn 加快 react-native init 速度​

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

$ npm install -g react-native-cli

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

Using yarn

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

谢谢！​

我们要感谢为本次发布做出贡献的每个人。完整的发行说明现已在 GitHub 上提供。凭借超过二十几个错误修复和新功能，React Native 由于您的贡献而不断变得更好。