React Native 如何在功能组件中添加Awesome Alert

zxlwwiss 于 2023-01-09 发布在 React

关注(0)|答案(2)|浏览(125)

我正在使用Awesome Alert进行自定义警报，但我希望将其应用于功能组件环境。这是我的设计

这是我的密码

<AwesomeAlert
            show={true}
            showProgress={false}
            title="AwesomeAlert"
            message="I have a message for you!"
            closeOnTouchOutside={false}
            closeOnHardwareBackPress={false}
            showCancelButton={true}
            showConfirmButton={true}
            cancelText="Reject"
            confirmText="Approve"
            confirmButtonColor="#AEDEF4"
            cancelButtonColor="#DD6B55"
            onCancelPressed={() => {
              console.log("Reject")
            }}
            onConfirmPressed={() => {
              console.log("Approve")
            }}
          />

我的问题是，Awesome Alert只能应用于类组件吗？我如何能够像原来的Alert React Native那样在功能组件中实现它？

react-native

来源：https://stackoverflow.com/questions/75026812/how-to-add-awesome-alert-in-functional-component

2条答案

按热度按时间

7d7tgy0s1#

可以在函数组件中使用AwesomeAlert，就像在类组件的render()函数中一样;可以从类组件呈现的任何React组件也可以从功能组件呈现。

赞(0）回复(0）举报 2023-01-09

uqzxnwby2#

只要把它放在功能组件的return部分中，它就会工作
例如：

return (
    <View>
        <AwesomeAlert
            show={true}
            showProgress={false}
            title="AwesomeAlert"
            message="I have a message for you!"
            closeOnTouchOutside={false}
            closeOnHardwareBackPress={false}
            showCancelButton={true}
            showConfirmButton={true}
            cancelText="Reject"
            confirmText="Approve"
            confirmButtonColor="#AEDEF4"
            cancelButtonColor="#DD6B55"
            onCancelPressed={() => {
              console.log("Reject")
            }}
            onConfirmPressed={() => {
              console.log("Approve")
            }}
          />
    </View>
)

赞(0）回复(0）举报 2023-01-09

我来回答

React Native 如何在功能组件中添加Awesome Alert

2条答案

相关问题

热门标签

最新问答