如何在React Native的Alert组件中添加星级评定？

如何解决如何在React Native的Alert组件中添加星级评定？

我正在尝试使用“反应性天然评分”和“警报”“反应性天然”中的“ AirbnbRating”将星级评分组件添加到警报中，但无法将两者整合在一起。它们可以独立正常工作，但是还没有弄清楚如何向警报功能中添加文本以外的任何内容。

可能值得注意的是，我使用的是“函数”格式而不是“类”格式。

谁能提供一些见识？谢谢你！

编辑：

const checkComplete = () => {

  if (!complete.trim()){

      return;
  }

  Alert.alert(

    "Checking hunger.","Are you hungry?",[

      {

        text: "Yes",onPress: () => Alert.alert(

           'Express hunger','Please express your hunger',[        

              {

                 text: 'Okay',onPress: () => navigation.navigate('RateHunger')

              },]
   

        ),},{

        text: "No",}]

  )

}

onPress: { checkComplete }

解决方法

您可以使用Modal制作如下所示的自定义组件

function RatingAlert({ visible,callback }) {
  return (
    <Modal
      animationType="slide"
      transparent={true}
      visible={visible}
      onRequestClose={() => {
        if (callback) callback();
      }}>
      <Rating
        showRating
        onFinishRating={this.ratingCompleted}
        style={{ paddingVertical: 10 }}
      />
      <Button title="Ok" onPress={callback} />
    </Modal>
  );
}

并按如下所示使用它 // const [visible，setVisible] = useState（false）;

 <RatingAlert
      visible={visible}
      callback={() => {
        //Your custom call for OK button
        setVisible(false);
      }}
    />

只要您想显示它，就可以

setVisible(true)

这是基本版本，您可以通过发送更多道具并对其进行自定义来扩展它。