iOS 上的透明工具提示和模态框

Question

我正在尝试使用 react-native 为 iOS 应用构建工具提示和模式。我面临的问题是工具提示和模态的背景不透明。但是它在 android 版本的应用程序上显示正常。

是否缺少某些设置？

我使用了不同的库，例如 react-native-elements(tooltip, overlay)、react-native date-time-picker 和 react-native 的其他下拉列表和选择器库，但都具有黑色（纯色背景）且未显示实际布局。

同时粘贴示例工具提示代码，

<Tooltip withOverlay={true} overlayColor={Colors.unselected} backgroundColor={Colors.grey} width={250} height={'auto'}

  ModalComponent={Modal}

  popover={<EditMenu />}>

    <Icon name={'downcircle'} family={'ant'} color={Colors.grey} size={18} />

</Tooltip>

Answer 1

您可以通过使用带小数 Alpha 通道值的 RGBA 背景颜色来实现此目的：

<Tooltip backgroundColor="rgba(0, 0, 0, 0.1)" />

Answer 2

当我更新 xcode 并使用 iOS 13 时，问题已解决。之前我使用的是 iOS 12。还在物理设备上对其进行了测试，模态和工具提示工作正常.

iOS 上的透明工具提示和模态框

Transparent tooltip and modals on iOS

javascript

iphone

ios

react-native