升级到 SDK 49 Expo 后出现 React Native 警告

Question

嗨，我在将 React Native 应用程序升级到 SDK 49 后收到这些警告

“transform”样式数组值已弃用。使用空格分隔的字符串函数，例如“scaleX（2）rotateX（15deg）”

“shadow*”样式道具已被弃用。使用“boxShadow”。

props.pointerEvents 已弃用。使用 style.pointerEvents

我怎样才能避免这种情况？

我尝试按照要求修改所有样式，但总是出现相同的警告。

Answer 1

检查您是否正确更改了项目中的样式：

1.

// Before
transform: [{ scaleX: 2 }, { rotateX: '15deg' }]

// After
transform: 'scaleX(2) rotateX(15deg)'

// Before
shadowColor: '#000',
shadowOffset: { width: 0, height: 2 },
shadowOpacity: 0.8,
shadowRadius: 2,

// After
boxShadow: '0px 2px 2px rgba(0, 0, 0, 0.8)'

// Before
<View pointerEvents="none" />

// After
<View style={{ pointerEvents: 'none' }} />

如果您已修复项目中的样式但错误仍然出现，则值得检查并更新库。最有可能的是，您项目中的某些库使用过时的样式。