React-Native AlertIOS样式

时间:2016-01-12 18:26:30

标签: javascript react-native

使用AlertIOS,您可以根据我的观察结果指定这些按钮样式:

  1. "default":蓝色,普通文字
  2. "cancel":蓝色,粗体文字
  3. "destructive":红色,普通文字
  4. 我假设这个命名约定与本地UIAlertView样式类相对应,是吗?对于我的应用中的提醒,我想强调积极的行动与大胆和蓝色文字,所以我很奇怪这些动作是用"取消"样式属性。它只是我还是"取消"风格有点用词不当?

    AlertIOS.prompt("Enter a new name", null, [
      {
        text: "Update",
        style: "cancel",
        onPress: (name) => { this.updateName(name); }
      },
      {
        text: "Cancel",
        style: "destructive"
      }
    ]);
    

1 个答案:

答案 0 :(得分:1)

此命名约定与UIAlertView(已弃用)无关,而是与iOS8中引入的替换 - UIAlertController无关。

使用UIAlertView时,使用UIAlertController添加操作,而不是指定按钮标题。每个动作都有其“动作风格”(deafult / cancel / destructive),它将警报转换为具有相应风格的按钮,由字体和颜色定义。

关于取消样式的Apple文档说明:

  

应用指示操作取消操作的样式   保持不变

我猜Apple认为这种风格强调了这一操作将“保持不变”的事实。也许向用户强调这是他的“出路”,因此他们使用户更加突出。