Question

我需要创建一个警报来说明用户是否确定要开始活动。我已经按照这种方式做过，但这是不正确的。

我该怎么办？？

const exercises = this.state.Exercises.map(exercise => {
  return (

      <View key={exercise.Id}>
      <Text style={{ fontSize: 15 }}>Id: {exercise.Id} </Text>
      <Text style={{ fontSize: 15 }}>Rep: {exercise.Reps}</Text>
      <Text style={{ fontSize: 15 }}>Note: {exercise.Notes}</Text>
      <TouchableOpacity
        style={[styleButton.button, styleButton.buttonOK]}
        onPress={() => Alert.alert(
          'Do you want to start?',
         [
         { text: 'Si', onPress: () =>  this.check(exercise.Id)},
          {text: 'No', onPress: () => this.homepage()} 
         ] 
        )}              
      >
        <Text style={styleButton.buttonTesto}>Scegli</Text>
      </TouchableOpacity>
      </View>

  );
});

这是错误：

按钮切片不是功能

Answer 1

尝试这样。

...
onPress={() =>
          Alert.alert('Do you want to start?', '', [
            { text: 'yes', onPress: () => this.check(exercise.Id) },
            { text: 'No', onPress: () => this.Homepage() },
          ])
        }
...

Alert.alert具有3个参数：Alert.alert(headerText, bodyText, buttons)。

您错过了一个字符串参数。

Answer 2

使用此

Alert.alert(
  'Do you want to start',
  [
    {
      text: 'No',
      onPress: () => console.log('Canceled'),
      style: 'cancel',
    },
    {text: 'Yes', onPress: () => console.log('Yes')},
  ],
  {cancelable: false},
);

按下按钮时创建警报

2 个答案: