跳至主内容

全新 Button 组件、Yarn 加速安装及公开路线图

· 1 分钟阅读
Héctor Ramos
Héctor Ramos
Former Developer Advocate @ Facebook
非官方测试版翻译

本页面由 PageTurner AI 翻译（测试版）。未经项目官方认可。 发现错误？ 报告问题 →

许多开发者向我们反馈，React Native 的更新迭代速度太快，很难及时追踪最新进展。为更好地同步当前工作重点，我们正式发布了 React Native 开发路线图。整体规划主要围绕三大优先事项展开：

  • 核心库增强：为重点组件和 API 增加更多功能

  • 稳定性提升：改进底层架构以减少错误并提升代码质量

  • 开发者体验优化：帮助 React Native 开发者提高效率

如果您有希望加入路线图的功能建议，欢迎访问 Canny 平台提交新功能提案或参与现有讨论。

React Native 最新动态​

今日发布的 React Native 0.37 版本新增了核心按钮组件，可轻松为应用添加可点击按钮。同时引入对新型包管理工具 Yarn 的支持，将大幅加速应用依赖更新流程。

Button 组件正式推出​

我们正式推出基础款 <Button /> 组件，完美适配各平台原生视觉风格。这回应了社区最常见的反馈：React Native 是极少数未内置开箱即用按钮的移动开发框架。

Android 与 iOS 平台按钮效果

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

资深开发者通常这样创建按钮：iOS 使用 TouchableOpacity 实现默认效果，Android 用 TouchableNativeFeedback 实现涟漪反馈，再添加样式修饰。虽然自定义按钮开发门槛不高，但我们致力于让 React Native 学习曲线更平缓。基础按钮组件加入核心库后，新手开发者首日就能实现惊艳功能，无需耗费时间调整按钮样式或学习触摸组件细节。

该组件旨在提供跨平台的原生体验，因此不会包含自定义按钮的所有高级功能。它是绝佳的入门选择，但并非要取代现有按钮方案。欲了解更多详情，请查阅全新 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"提示：

Yarn 使用界面

在优质网络环境下实测显示，react-native init 耗时仅需 1 分钟左右（使用 npm 3.10.8 时约需 3 分钟）。Yarn 安装虽为可选，但我们强烈推荐使用。

致谢​

衷心感谢所有为此版本作出贡献的开发者！完整更新日志已在 GitHub 发布。包含二十余项错误修复与新特性的 React Native，因您的付出而持续进化。