Error while updating property ‘stroke‘ in shadow node of type: ARTShape

2022-07-31,,,,

一、问题

发现好多人跟我一样踩坑react-native-progress与最新版本的react-native不兼容,或者使用到了react-native-community/art的Shape等组件,出现Error
while updating propertystroke’ in shadow node of type:
ARTShape问题,这里给大家分享下。
当然没踩坑的可以略过,给自己留点宝贵的时间去做点别的事情。

二、解决方案

如下,github issue上我也贴过了,地址:https://github.com/oblador/react-native-progress/issues/179

这个主要是两点: 1,新版需要额外导入react-native-community/art的package
2,不要忘记将ARTPackage注册到MainApplication中

三、facebook源码解析

3.1,这个单纯使用旧版react-native没问题。

旧版art路径为node_modules/react-native/ReactAndroid/src/main/java/com/facebook/react/views/art

并且可以明显看到这里使用的stroke与fill属性都是ReadableArray数据结构

3.2,新版已经开始对art进行调整,并且会逐渐从react-native从剥离

新版路径为/android/src/main/java/com/reactnativecommunity/art/ARTShapeShadowNode.java

要注意到这里stroke边界色值属性已经调整为String。
react-native对包的加载顺序是先加载自己的源代码(react-native包下的内容),再加载用户的插件支持模块。所以如果没有注册到MainApplication中则会使用之前react-native包下的art,自然产生了兼容性问题,ios端无此问题。
Over

本文地址:https://blog.csdn.net/liuxingyuzaixian/article/details/107881876

《Error while updating property ‘stroke‘ in shadow node of type: ARTShape.doc》

下载本文的Word格式文档,以方便收藏与打印。