【0.43】React Native 中文更新日志

最新推荐文章于 2022-12-14 22:22:33 发布
最新推荐文章于 2022-12-14 22:22:33 发布
阅读量1k 收藏 1
点赞数
分类专栏： React Native 中文更新日志 文章标签： react-native 移动开发 android ios react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/marno__/article/details/65443486
版权
  • 本文为 Marno 原创，转载必须保留出处！
  • 公众号【 aMarno 】，关注后回复 RN 加入交流群
  • React Native 优秀开源项目大全：http://www.marno.cn

一、导读

本次更新亮点：

  1. 正式放出了 FlatList
  2. 添加支持 alignContent 属性
  3. 可以自定义 init 时候的模板了（具体往下看）

本期最大的亮点可能就是 FlatList 了。还有就是支持将自定义的模板工程上传到 npm。

上次更新就添加了在 init 工程时候可以直接创建带有常用功能的模板工程，当时我说要是可以自定义模板就好了，这个版本就支持了，以后不用再傻傻的每次 react-native init XXX 了，直接使用 react-native init XXX --template demo 初始化模板工程。如何创建并上传自己的模板工程可以往下翻。

二、重大变化

  • 修改 Dimensions.get(‘screen’).fontScale 的返回值

    在 Android 平台，下面几个方法的返回值现在不一样了
    1. Dimensions.get(‘window’).fontScale
    2. Dimensions.get(‘screen’).fontScale
    3. PixelRatio.getFontScale()
    如果正在使用这些方法的人必须注意了！这几个方法之前代表 DisplayMetrics.scaledDensity 的返回值，现在代表 Configuration.fontScale 的返回值

  • 当 native 确定调用 dispatched 时候才会回调 batchDidComplete

    这项修改是因为他影响到了 onBatchComplete ，但是 modules 确实不应该依赖

三、新特性

Android平台

  • 为 TextInput 的属性添加 caretHidden （光标隐藏）的实现
  • 更新文档中的“Getting Started”部分的 Android Studio 版本
  • 在 Android 上使用 selectionColor 属性时更改光标颜色
  • 控制台不再记录 Webview 组件的日志
  • 组件在加载网络图片时可以支持添加 HTTP 请求头
  • Docker Testing Environment for Android & JS
  • 为 Alert 添加消失时的回调方法 onDissmiss
  • 对 android bridge 可见部分扩展了一点
  • Android 的 StatusBar 支持 barStyle
  • 使用 ‘ if ’ 代替 BUCK 文件中最高层的 ‘ elif ’
  • 消除 improt re 在 BUCK 文件中的使用
  • 在 JSPackagerClient 中引入 Responder 和 JSONObject
  • 当布局发生变化时只调用 onLayout
  • 记录 ReactContext 计数器
  • Yoga：在 LayoutShadowNode 更高效的解码动态值

iOS平台

  • 不再执行 link 命令的时候在 plist 中添加重复的 font 条目
  • 添加了 RCTDevSettings 模块
  • 推荐安装最新版的 Xcode
  • 在 React/Views/RCTTabBarItem.h 的头文件中暴露 ‘RCTConvert UITabBarSystemItem:’
  • 用下标访问取代 RCTJavascriptLoader 中的 valueForKey
  • 移动 RCTFollyConvert 到正确的命名空间里
  • 移除不再使用的 RCTMessageQueue
  • 使 RCTRefreshControl 不再依赖属性设置的顺序
  • 简化 RCTRootViewSizeFlexibility 的代码
  • 将 RCTShadowViews 中的 cssNode 改名为 yogaNode
  • 移除 accessibilityLabel 中的前置空格
  • 为 RCTRootView 提供更好的 UIKit 布局元素支持
  • 将 RCTRootView 属性中的 intrinsicSize 更名为 intrinsicContentSize
  • 暴露 accessibilityViewIsModal 的属性给任意 view

iOS / Android 通用

  • 将 AndroidConstants 和 IOSConstants 合并到 PlatformConstants 中
  • 修复当前 CI 失败的问题 and allows tree shaking of native dev support code
  • 为 NavigationExperimental 添加过期警告（终于过期了，确实不好用！）
  • Yoga: 边距支持设置为 ‘ auto ’
  • Yoga: 组件添加一个 ” display:none ” 属性，使组件在调用 render 方法前不可见
  • Yoga: 重命名 YGUnitPixel 为 YGPoint…
  • Yoga: 修改 flex 的 get 方法返回实际被 set 的值
  • Yoga: 添加 alignContent 属性（终于有了！）
  • Yoga: Default root node to size of parent contraints
  • Yoga: flex-wrap属性可以支持 wrap-reverse 了
  • Yoga: 移除一些计算 mainSize / crossSize 时的重复代码
  • Yoga: 通过 parent size 取代 YGNodeCalculateLayout 中的 node size
  • Yoga: 将配置信息移到 YGConfig 中然后在将他们传入CalculateLayout
  • CLI: 可以将自定义的工程模板发布到 npm （上次更新就说要是可以自定义模板就好了，现在果真就有了）

详细介绍：https://github.com/facebook/react-native/commit/17c175a149bc410a9b167b31f13474d8c6e9832c
参考模板工程：https://github.com/mkonicek/react-native-template-demo
使用模板方法：react-native init MyApp --template demo

  • 对于忘记使用 AppRegistry 注册时显示的报错信息中添加了一个 hint 帮助用户定位问题
  • FlatList: 添加对 SectionSeparatorComponent 的支持，就是也可以对列表进行分区了
  • FlatList: 滚动时支持使用原生动画
  • FlatList: 重命名组件属性使之与 SectionList 匹配
  • FlatList: 在文档中添加关于 PureComponent 的警告
  • FlatList: 简化滚动交互
  • FlatList: 改进 flow typing
  • FlatList: 传递 onScroll
  • FlatList: 支持配置 Viewability
  • FlatList: 可以通过 minViewTime 和 waitForScroll 设置判断 items 的可见与否
  • FlatList: 重命名 Viewable 为 ViewToken
  • FlatList: Missed some viewablePercentThreshold references
  • FlatList: 将组件从 Experimental（实验性） 包中移到了 CustomComponets/Lists 包中
  • 尝试重新启动一些失败的测试
  • 为 DevTools 单独建立了一个仓库
  • 提供 AppRegistry.getRegistry() 方法让我们可以对已经注册的组件进行一些操作
  • 重命名 callFunction 为 jniCallFunction
  • 防止 brisge 重载后出现死锁
  • 纠正文档中的错误语法和拼写错误
  • 允许为 native 动画时间添加监听器
  • Packager: Introducing async/await, return of the yarn
  • Packager: BatchProcessor: 在 queue() 中使用 Promise
  • Packager: BatchProcessor: 在 processBatch() 中使用 Promise
  • 整理了 Animated 的文档
  • 解决在 Fiber 准备完成前使用 inspector 出现 redbox
  • 防止丢失 native 模块
  • 在 CxxBridge 支持 QuickPerformanceLogger.js
  • 使用 const 代替 var 进行 NativeModule 引入的声明
  • 从 polyfills 中移除 @providesModule 的注释
  • 删除特殊的网络用语
  • 更新 IntegrationWithExistingApps.md 文档内容
  • 在文档中添加对 CameraRoll.getPhotos() 的参数和返回值类型的注释
  • 忽略已卸载组件上的事件监听器
  • 将 BatchedBridge 模块的配置移到 InitializeCore 中
  • 修改 SwipeableListView 属性，不强制传入 onScroll
  • 使 Touchable 类型组件的文档保持一致
  • 调整 componentWillMount 和 componentWillUnmount 的顺序
  • Packager: Terminal: split status too big to fit in screen
  • Packager: 抛弃 bundle 配置中的 protocol、host 和 port of URLs
  • Packager: 简化 fs.stat mocks
  • 完成了关于 AccessibilityInfo 的所有实现，之前只有 iOS 有，现在补齐了 Android 并更新了文档。
  • 修改 ListView 的文档描述，去掉 ‘ vertically ’ 一词，因为该单词有误导用户觉得ListView 只支持竖向列表，而实际上并不是那样。
  • 更新 UsingAScrollView.md 文档内容
  • NavigationExperimental 正式过期，官方在文档中也推荐使用 React Navigation。具体可以到我主页找一下关于 React Navigation 介绍的文章
  • Improve doc generation with flow types
  • 提升了 Picker.Item 的 flow

四、修复 Bug

Android平台

  • 修复 Android 原生动画事件触发延时的问题
  • 修改 DatePickerAndroid.open 文档的部分内容格式
  • 对 CatalystInstanceImpl 中 BundleHeader 进行默认初始化
  • 修复由于 复制/粘贴 在开源的 BUCK 文件中引起的问题

iOS平台

  • YellowBox 只在 Android 上提供 elevation 属性
  • 修复 badgeColor 在 iOS 10 前期几个版本显示异常的问题

iOS / Android 通用

  • 修复动画博客列表
  • Yoga：修复多行显示时 align-content 发生拉伸
  • Yoga：修复了 YGUnitAuto 的一些小问题
  • Yoga：修复设置 align-content: strech 时覆盖 align-item
  • Yoga：修正在 LayoutPropType 中关于 Yoga 的评论
  • Yoga：修复start 和end 时自动边距的问题
  • Yoga：修复父组件使用 flex 不固定尺寸时子组件属性使用百分比不能精确测量的问题
  • Yoga：修复使用 align-items 的 wrapping container 中的组件表现为不拉伸
  • FlatList：修复 getItemLayout 的 flow type 包含 index
  • FlatList：API 更新并且修复 bug
  • FlatList：修复 ItemSeparators 重复的问题
  • FlatList：修复 minimumViewTime
  • 修复嵌套异常的错误处理
  • 修复 react-native-git-upgrade 缓存清除
  • Fix the website build
  • 修复在测试失败时候的行号显示错误问题
  • 修复 ResolutionRequest 的拼写错误
  • 修复Creating Native UI Component docs文档中重复符号的错误
  • 修复 ViewabilityHelper (itemVisiblePercentThreshold 拼错了) 中的拼写错误
  • Flow：修复 StackFrame 的类型定义
  • Flow：修复大量的 flow annotations
  • Flow：修复 flow 错误
  • Flow：修复 flowconfig 在新建项目中的问题
  • 修复 lint 时的出现 1/n 的错误
  • 修复 lint 时的出现 2/2 的错误
  • 修复在 Windows 上使用绝对路径的问题
  • Fix the RN OSS gradle build

Marno_
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react-native-puree:React Native的日志收集器
05-02
React原浆 React Native的日志收集器。 特征： 缓冲：将日志存储到AsyncStorage并稍后发送批处理：在单个请求中发送日志重试：如果发送日志失败，则在退避时间之后重试发送日志import Puree from 'react-native-...
使用 React Native 实现组件可见性传感器
分享身边生活经验blog
10-11 702
本文是关于如何在 React Native 应用程序中为组件实现可见性传感器。借助垂直或水平 FlatList及其 onViewableItemsChangedprop ，只要列表项在视口中出现或消失，就可以观察事件。使用这个概念，您可以对这些事件做出反应，例如，自动开始播放视频或跟踪“组件看到的事件”以用于营销目的。
React Native学习五- FlatList
wgl_happy的专栏
05-03 1万+
高性能的简单列表组件，支持下面这些常用的功能： 完全跨平台。支持水平布局模式。行组件显示或隐藏时可配置回调事件。支持单独的头部组件。支持单独的尾部组件。支持自定义行间分隔线。支持下拉刷新。支持上拉加载。支持跳转到指定行（ScrollToIndex）。 如果需要分组/类/区（section），请使用。 一个最简单的例子： FlatList data={[{key: 'a'
React Native UI渲染流程分析（Android）
idaretobe的专栏
12-14 689
React Native UI渲染流程分析（Android）
React Native之FlatList，listview的升级版
liu__520的博客
04-05 1万+
RN的0.43版终于出来了，现在大家期待已久的listview的升级版flatlist终于跟大家见面了，我也是关注了好久哦，现在将使用说明，和例子给大家简单的讲解下。 简单的讲解下api： flatlist在数据量很大的情况下，比listview性能要高好多哦，就是基于组件<VirtualizedList>的封装，具体的api大家可以看中文网的介绍：http://reactnat
ReactNative之FlatList之onViewableItemsChanged深度挖掘与研究
轻量开发
08-14 5836
FlatList是ReactNative高性能的简单列表组件。本文只探讨onViewableItemsChanged属性使用，这里不过多介绍，官方文档https://reactnative.cn/docs/flatlist/。 1.需求背景：FlatList列表滚动时，监听当前那些数据item在可见范围内。这时就需要FlatList的onViewableItemsChanged。使用onView...
React Native 实现热更新并自动签名打包功能
08-19
主要介绍了React Native 实现热更新并自动签名打包，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
React Native 计算器和计算器输入组件
06-08
安装使用 npm: npm i -S react-native-calculator 或 yarn: yarn add react-native-calculator Demo Calculator Component Usage import React from 'react' import { View } from 'react-native' import { ...
React Native 的 WiFi 连接管理器
06-08
React Native 的 WiFi 管理器 (react-native-wifi-manager) 列出、连接并获取设备上 WiFi 连接的状态。 安装 首先需要安装 react-native-wifi-manager: npm install react-native-wifi-manager --save 在 android/...
react-native-performance：监视和衡量React Native性能
02-05
React Native Performance工具用于在开发，管道和生产中测量和监视React Native应用性能的工具链。配套 用于React Native的实现。 与React.Profiler API很好地集成跟踪应用程序中的任意事件，例如组件渲染时间捕获...
react native FlatList使用详解以及上拉刷新下拉加载带可运行demo
热门推荐
君无意的博客
06-07 3万+
FlatList 高性能的简单列表组件，支持下面这些常用的功能： 完全跨平台。支持水平布局模式。行组件显示或隐藏时可配置回调事件。支持单独的头部组件。支持单独的尾部组件。支持自定义行间分隔线。支持下拉刷新。支持上拉加载。支持跳转到指定行（ScrollToIndex）。 如果需要分组/类/区（section），请使用。 一个最简单的例子： <FlatList data={[{k
React Native 组件学习-FlatList
weixin_33947521的博客
11-30 547
高性能的简单列表组件，支持下面这些常用的功能： 完全跨平台。 支持水平布局模式。 行组件显示或隐藏时可配置回调事件。 支持单独的头部组件。 支持单独的尾部组件。 支持自定义行间分隔线。 支持下拉刷新。 支持上拉加载。 支持跳转到指定行（ScrollToIndex）。 如果需要分组/类/区（section），请使用&lt;SectionList&gt;. 一个最简单的例子： &lt;FlatLi...
史上最易懂——ReactNative分组列表SectionList使用详情及示例详解
weixin_34289744的博客
07-28 223
 React Native系列 《逻辑性最强的React Native环境搭建与调试》  《ReactNative开发工具有这一篇足矣》  《解决React Native unable to load script from assets index.android.bundle on windows》  《React Native App设置&amp;Android版发布》 《史上最易...
React Native组件之FlatList
xiangzhihong8的专栏
06-07 5031
在过去的一年中React Native经历了从v0.40到v0.52的十几次的版本迭代，可以看到，特别是0.50之后，React Native的组件库在不断地壮大，React Native也正在越来越稳定。 随着版本的升级，React Native引进了一些新的组件中，如FlatList、SectionList等具有更高性能的列表组件，也有与时俱进的用于适配全屏幕的SafeAreaView组件，...
ReactNative分组列表SectionList使用详情及示例详解
大灰狼的小绵羊哥哥的博客
07-29 5505
《逻辑性最强的React Native环境搭建与调试》 《ReactNative开发工具有这一篇足矣》 《解决React Native unable to load script from assets index.android.bundle on windows》 《React Native App设置&Android版发布》 《史上最易懂——ReactNative
ReactNative学习笔记十一之FlatList
weixin_34293141的博客
07-26 165
之前使用的组件是ListView，当时要添加一个下拉刷新，上拉加载的功能，所以对ListView做了一些封装，但是后来看官方文档，不建议再使用ListView，因为效率问题，做过Android的朋友都知道，Android的ListView如果不自己处理一下，也是有效率问题的。所以官方又推出了FlatList，而且自带上拉下拉的功能。 功能简介 完全跨平台。 支持水平布局模式。 行组件显示或隐藏...
Flex 排版源码分析
weixin_33694172的博客
04-14 878
flex 是 w3c 在 2009 年提出的响应式布局，现在已经得到所有主流的浏览器支持，也是当下前端开发主流的布局方式。 flex 凭借其布局属性适配不同的屏幕，提高开发效率，减适配问题。在如此优秀的响应式能力下，隐藏了什么设计和多少的复杂度，什么样的情况下会触发多次排版。了解内部实现能更好的在合适的场景使用选择性使用 flex，搭建更高效响应的页面。 Flex 布局属性 基础概念 主轴（mai...
在原生和React Native间通信
robinson_911的专栏
12-30 4001
http://reactnative.cn/docs/communication-ios.html#content 在原生和React Native间通信 通过植入原生应用和原生UI组件两篇文档，我们学习了React Native和原生组件的互相整合。在整合的过程中，我们会需要在两个世界间互相通信。有些方法已经在其他的指南中提到了，这篇文章总结了所有可行的技术。 简介
react native 热更新
最新发布
08-10
回答: React Native的热更新是指在不需要重新发布和重新安装应用程序的情况下，通过更新应用程序的JavaScript代码来实现应用程序的更新。在安卓平台上，可以通过插件实现应用的热更新，但是在iOS上却无法实现。这是因为苹果对应用的审核标准非常严格，并且发版速度较慢，所以热更新能力对于iOS应用显得尤为重要。在React Native中，可以使用CodePush插件来实现热更新。CodePush插件提供了一组API，可以用于获取当前已安装更新的元数据、检查是否有更新可用并下载更新等操作。具体的代码可以参考CodePush的示例应用中的demo.js文件，这个文件中包含了每次启动应用程序时检查更新和下载的代码。通过使用CodePush插件，开发者可以方便地实现React Native应用的热更新功能。123 #### 引用[.reference_title] - *1* [快速了解react native 热更新](https://blog.csdn.net/wangbaobao512/article/details/127241775)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] - *2* *3* [React Native CodePush 最新配置](https://blog.csdn.net/maomaoyu3211/article/details/84908556)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值