如何使用 React Native V0.61 和 Expo 在 Android 上使用 flex 处理图像时溢出可见

Posted 2023-02-21

【中文标题】如何使用 React Native V0.61 和 Expo 在 Android 上使用 flex 处理图像时溢出可见

【英文标题】：How to get overflow visible working on an image with flex on Android with React Native V0.61 and Expo

【发布时间】：2020-09-02 05:57:39

【问题描述】：

我正在使用带有 Expo SDK 37 的 React Native 0.61，它应该支持如文档 (https://reactnative.dev/docs/image-style-props#overflow) 中所述的可见溢出。不过，我无法让它在 android 上运行。我知道这个主题存在一些问题，但它们似乎都已在 GitHub (https://github.com/facebook/react-native/issues/6802) 上关闭并解决。 那么我怎样才能让它工作呢？或者还有其他方法可以实现这张图片吗？

这是一个快照，您可以在其中看到不同的行为。它在 ios 上表现得像预期的那样，但在 Android 上却被剪裁了。

这里可以看一下代码： https://snack.expo.io/3C9xHTkUp

图片问题：

【参考方案1】：

我现在在图像上添加了负边距以解决此问题。但这似乎不是执行此操作的适当方法。它有效，但感觉不对，因此我不会将其作为答案。

这是一个糟糕的解决方案，因为它不是通用的，您必须针对不同的尺寸进行调整。

https://snack.expo.io/rKfW0pBQa

【讨论】：

在 expo sdk 38 中，有些东西再次发生了变化，因此肮脏的解决方法不再起作用。没有人有一个简单的解决方案或更好的方法来解决这个问题吗？