【问题标题】:React Native Overflow Touchable is Not Working in AndroidReact Native 溢出 Touchable 在 Android 中不起作用
【发布时间】:2019-06-28 00:57:11
【问题描述】:

请看看我的Expo Snack

下拉项在 iOS 中是可触摸的,但在 Android 中是不可触摸的。固定容器的高度(灰色框)会导致此问题,但我需要为工具栏保持固定高度。

我尝试过使用react-native-view-overflow 包,但没有成功。它需要react-native link,同时我无法弹出我的项目,因为我正在使用一些Expo包,如果我弹出它们会损坏。

有什么建议可以让 Android 中的下拉项目可触摸吗?

【问题讨论】:

    标签: android facebook react-native expo


    【解决方案1】:

    我更改了您的代码,请检查:Snack link

    这解决了您的问题,但您可以更新您的 react-native 版本以包含此 commit,它添加了对 Android 版 React Native 上的 overflow 样式属性的支持。

    【讨论】:

    • 你制作高度是动态的外部容器。我需要有固定的高度来创建工具栏。工具栏不应将任何内容推送到其下方。
    【解决方案2】:

    似乎当下拉菜单展开时,它会流到视野之外,因为您已经给定了固定高度。

    因此,您可以使用minHeight 属性代替height

    这将确保您至少获得最小高度,并且如果需要它可以使用更高的高度,例如在您展开下拉列表时。

    修正如下,

    dropdownContainer: {
        width:340,
        minHeight:115,// changed this from height:115
        ...
        ...
      },
    

    【讨论】:

    • 我需要固定高度,工具栏不应该将任何内容推到它下面。
    猜你喜欢
    • 2022-12-12
    • 1970-01-01
    • 1970-01-01
    • 2021-08-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-04-05
    • 2021-09-18
    相关资源
    最近更新 更多