什么是 react-native-confirm
react-native-confirm 是一款 React Native 的 npm 包，提供了一个简单易用的弹窗组件来实现确认框或提示框的功能。它支持自定义弹窗内容、自定义按钮文字、回调函数处理等一系列功能，能够满足大部分弹窗的使用场景。
如何使用
安装
使用 npm 命令进行安装：
npm install react-native-confirm --save
引入组件
在文件头部引入组件：
import Confirm from 'react-native-confirm';
使用组件
在需要使用弹窗的地方调用 Confirm 组件，其中 title 为弹窗标题，message 为弹窗内容，onConfirm 和 onCancel 为点击确认和取消按钮的回调函数：
-- -------------------- ---- -------
----- --------- - -- -- -
---------
------ -------
-------- ----------
---------- -- -- -
--------------------
--
--------- -- -- -
--------------------
--
---
--自定义弹窗样式
可以通过传入 alertStyle 和 buttonStyle 属性来自定义弹窗和按钮的样式：
-- -------------------- ---- -------
---------
------ --------
-------- ---- ----- -----
----------- -
---------------- -------
------------ -------
------------ --
------------- ---
--
------------ -
---------------- -------------
------------------ ---
---------------- ---
------------- --
--
---------- -- -- -
------------------
--
--------- -- -- -
------------------
--
---自定义按钮文字
可以通过传入 confirmText 和 cancelText 属性来自定义确认和取消按钮的文字：
-- -------------------- ---- -------
---------
------ ----------
-------- -------------------
------------ ----
----------- ----
---------- -- -- -
-----------------
--
--------- -- -- -
-----------------
--
---实战应用
假设我们有一个需要删除某个列表项的功能，可以使用 react-native-confirm 来实现删除确认框。
-- -------------------- ---- -------
------ ------ ---------- ---- --------
------ ---------- ----- ----------------- ----- ---- ---------------
------ ------- ---- -----------------------
----- ----------- - -
-
--- --
----- ------
--
-
--- --
----- ------
--
-
--- --
----- ------
--
--
----- -------------- - -- -- -
----- ------- --------- - ----------------------
----- ------------ - ------ -- -
---------
------ -------
-------- ----------
----------- -
------------- ---
--
------------ -
---------------- ----------
------------------ ---
---------------- ---
--
---------- -- -- -
----- ------------ - ----------------- -- ------- --- --------
-----------------------
--
--------- -- -- -
--------------------
--
---
--
----- ---------- - -------- -- -
-----------------
----------- -- ----------------------
--------
-------- ---
---------------- ----------
--------------- --
------------- --
---
------------------------
-------------------
--
------ -
----- ------------- -- -------- -----
---------
------------
------------------ -- ----------------
-----------------------
--
-------
--
--
------ ------- ---------------在该代码中，我们使用 FlatList 展示一个列表，每个列表项都有一个删除按钮，点击时会弹出删除确认框。在删除确认框的回调函数中，使用 filter 方法过滤掉对应的项，并更新状态重新渲染列表。
注意事项
react-native-confirm只适合在 React Native 中使用，如果是 Web 开发需要使用其他库。在自定义样式时需要注意，弹窗和按钮样式的修改需要按照
AlertIOS的属性进行设置，具体可以参考官方文档。
结语
通过本文的介绍，你学习了如何使用 react-native-confirm 包来实现弹窗功能，并且了解了它的自定义样式和回调函数等一系列功能。希望可以帮助到你。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005562181e8991b448d30f4