React Native /打字稿中的自定义警报

Question

我需要使用typeScript在React Native中创建一个自定义警报。 我必须自定义标题和按钮，但没有得到。

Answer 1

拥有自定义提醒而不是使用Alert.alert总是一个好选择，因为它在Android中看起来非常难看。 您可以根据需要使用Modal Component。

1. 使用模式1内的flex 1进行视图，并使用justifyContent和alignItems居中。
2. 使用所需样式制作视图（这将作为警报居中）。这将是您的警报视图。在其中，您可以设计自定义警报。
3. 使模态的透明道具为真，并将不透明的背景色应用于flex 1视图。

您还可以使用一些npm自定义警报，但这将是您自己制作一个的好开始

Answer 2

React Native为我们提供了预构建的“警报”对话框，以在应用程序屏幕上显示警报消息，但是该警报是老式的，不能进行任何修改，例如添加图像和自定义布局。我们可以使用Modal组件制作自己的Alert对话框，因此在本教程中，我们将使用OK和CANCEL按钮Example教程在Android iOS React Native App中创建Material Style Custom Alert对话框。 “警报”对话框是一个小的“查看”窗口，在特定任务的应用程序屏幕上显示，以进一步处理或需要应用程序用户提供其他信息。

这是您可以查看自定义提醒示例的链接 https://reactnativecode.com/create-custom-alert-dialog-box/

我还通过使用 Modal 发出了自定义提醒，以下是屏幕截图