反应本机警报

Question

我想通过这些图标发出警告，说明图标的说明。所以当你按下一个图标时它会显示警报，我的问题是你如何为每个图标定义警报标题和消息，标题将是图标名称，消息将是描述

1

我的图标代码如下所示

    let status = item[keys['status']];
    panel.push(<View style={{ position: 'absolute', right: 0, bottom: 0, padding: normalize(5), alignItems: 'center' }} key={'status'}>
      <TouchableOpacity onPress={()=>alert()}>
        <Icon name={img.itemStatus[status].name} type={img.itemStatus[status].type} color={img.itemStatus[status].color} size={normalize(38)} />
      </TouchableOpacity>
    </View>);

Answer 1

将警报标题作为参数传递，例如：

...

_showAlert(title, message) {
 Alert.alert(
  title,
  message,
  [
    {
      text: cancelText,
      style: "cancel"
    },
    {
      text: okText,
      onPress: () => {
        //Did tap on Ok
      }
    }
  ],
  { cancelable: true }
);
}
...

let status = item[keys['status']];
let title = 'Alert Title' // Define your title here
let message = 'Alert Message' // Define your message here
    panel.push(<View style={{ position: 'absolute', right: 0, bottom: 0, padding: normalize(5), alignItems: 'center' }} key={'status'}>
      <TouchableOpacity onPress={()=>this._showAlert(title, message)}>
        <Icon name={img.itemStatus[status].name} type={img.itemStatus[status].type} color={img.itemStatus[status].color} size={normalize(38)} />
      </TouchableOpacity>
    </View>);
...

反应本机警报

React Native Alert

alert

react-native