首页 > 解决方案 > 如何使用 React Native V0.61 和 Expo 在 Android 上使用 flex 处理图像时溢出可见

问题描述

我正在使用带有 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

图片中的问题:

IOS

安卓

标签: androidimagereact-nativeoverflowvisibility

解决方案


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

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

https://snack.expo.io/rKfW0pBQa


推荐阅读