Создать оповещение при нажатии кнопки

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},
);