如何解决React Native中的Android溢出问题

Question

我刚开始使用react-native，发现一个与overflow属性相关的问题。通过我的研究，我了解到默认情况下，android的overflow属性为'hidden'。我该如何解决这个问题？

- vn_code

---

你可以尝试使用这个解决模块 - https://github.com/entria/react-native-view-overflow - MotoPsycho

这个模块对我和其他人都导致了“不变式违规”错误。 - mcabe

Answer 1

在React Native 0.57.0及更高版本中支持溢出。只需将overflow: visible传递给样式属性即可。

- ya_boi

Answer 2

这是一个未解决的开放式错误。在 Android 上永远无法使用 overflow:'visible'。唯一的作用就是允许超出 borderRadius 的内容显示。

相关问题：

https://github.com/facebook/react-native/issues/6802 https://github.com/facebook/react-native/issues/17074

- Noitidart

Answer 3

我使用绝对定位和外边距属性来解决这个问题： 例如：

<View style={{ flex: 1}}>
      <View style={{position:'absolute',top:0,zIndex:10}}></View>
     <View style={{marginTop:25}}></View>
</View>

- Nguyễn Phúc

---

这怎么会解决溢出问题呢？ - Manoj Prabhakar