我们可以在 react native 的 actionSheetIOS 中添加带有标签的图像吗

Question

我想在 ActionSheet 按钮中显示带标题的图像，如下所示：

我使用的代码是

var BUTTONS = [
  'Investigated and Resolved',
  'Under Investigation',
  'Action Required',
  'Urgent Action Required',
  // 'Delete',
  'Cancel',
];
var CANCEL_INDEX = 4;

showActionSheet = () => {
    ActionSheet.showActionSheetWithOptions({
        title: 'Flag the status of the event',
        options: BUTTONS,
        cancelButtonIndex: CANCEL_INDEX,
      },
      (buttonIndex) => {
        this.setState({ clicked: BUTTONS[buttonIndex] });
      });
  }

有没有办法设置文本样式或添加图像？

Answer 1

ActionSheetIOS 正在实现本机 UIAlertController，它不允许您自定义文本或向按钮添加图像。至少不是以一种非 hacky 的方式，你肯定无法通过 ActionSheetIOS 做到这一点。

您很可能必须使用自定义 JS 实现，例如 react-native-actionsheet。

Answer 2

找到此库以实现上述所需功能。它适用于 android 和 iOS。

react-native-actionsheet

我们还可以根据我们的设计自定义每个动作组件sheet。

我们可以在 react native 的 actionSheetIOS 中添加带有标签的图像吗

Can we add images with label in react native's actionSheetIOS

uiactionsheet

react-native-ios

react-native

react-native-image