跳到主要内容

引入 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

您现在可以使用 Yarn,这个新的 JavaScript 包管理器,来显著加快 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 在大家的帮助下不断变得更好。