我们是否可以添加带有标签的图像以反应原生的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

找到此库以获得上述所需功能。它适用于Android和iOS。

react-native-actionsheet

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

Answer 2

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

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