React Native 在近两年取得了飞速的发展,目前已迅速成为寻求创建强大、高性能移动应用程序的开发人员的首选。
凭借其灵活性和易用性,React Native 不断发展并塑造移动应用程序开发格局。虽然 2023 年已经过半,但每个 React Native 开发者还是要时刻了解这个动态框架的最新发展趋势。在本文中,我们将深入探讨 React Native 在今年以及之后的下一步发展,让我们开始吧!
Typescript 已经成为默认语言
从 0.71 版本开始,当您使用 React Native CLI 启动新的 React Native 项目时,将默认生成 TypeScript 应用程序。
npx react-native init My71App --version 0.71.0
当您运行上面的命令时,您将默认获得一个 TypeScript 应用程序!
更丰富的属性
为了更好的响应式交互体验,同时让开发更接近 Web 体验,RN 官方提供了许多更丰富的属性:
组件可访问性属性
-
Image 组件新增:
alt,tintColor,crossOrigin,height,referrerPolicy,src,srcSet, 和width等属性 (详情可参阅官方文档:reactnative.dev/docs/image ) -
TextInput 组件新增:
autoComplete,enterKeyHint,inputMode,readOnly, 和rows等属性 (详情可参阅官方文档:reactnative.dev/docs/textin… )
样式属性
一些样式属性也进行了调整:
aspectRatio现在支持string类型fontVariant现在支持空格分隔的字符串值fontWeight现在支持number类型
新增了以下属性来增强现有的 React Native 样式:
完整详情可参阅:github.com/facebook/re…
事件
RN 还支持了 PointerEvents 事件
启用后,View 组件将支持以下悬停事件:
onPointerOver,onPointerOutonPointerEnter,onPointerLeave
这些事件还实现了Pressability对悬停的新选择支持。
完整详情可参阅: PointerEvents post
更接近 Chrome 控制台的 inspect debug 体验
React Dev Tools 左上角的 Click inspect 选项使您可以单击应用程序中的某个项目,以便在开发工具中对其进行深入分析,就像 Chrome 元素检查器一样。
要检查哪些 React 组件与屏幕上的项目对齐,请使用 DevTools 应用程序中的组件突出显示选项。这将突出显示您选择的元素。
新架构
从 2022 年新架构问世以来,React Native 每个新版本针对新架构都有新的迭代更新。相信未来几年内也会如此。
- JSI
- Fabric
- Turbo Modules
- ...
关于新架构的更多详细信息,可参阅 React Native 新旧架构对比
最后
本文参考自: medium.com/@tarunnarul…
不管您是从未接触过 RN 的小白,还是已经精通 RN 的大佬,都欢迎加入 React Native 技术交流群,一起畅所欲言吧~
![]()