介绍
react-native-awesome-action-sheet 是一个 React Native 组件库，它提供了漂亮的动作单和警告框以及特殊的功能比如分享。
安装
使用 npm 安装:
npm install react-native-awesome-action-sheet --save
使用
引入组件：
import ActionSheet from 'react-native-awesome-action-sheet';
使用组件：
-- -------------------- ---- -------
------ ------- ----- --- ------- --------- -
--------------- - -- -- -
----- ---------------- - -------- --- ------- --- ------- ----
----------------------------------------
-------- -----------------
------ --------
-------- ---------
-- ------- -- -
-- ------ --- --- -
---------------- ---- -------- -----------------------------
-
---
--
-------- -
------ -
----- -------------------------
------- ------------------------------ ----------- ------ ------ --
-------
--
-
-API
ActionSheet.showActionSheetWithOptions(options, callback)
该方法接收两个参数。第一个参数包含以下选项：
options(Array) - 字符串数组，表示每个选项的文本。必需.title(String) - 标题，可选.message(String) - 消息定义选项，可选.tintColor(String) - 按钮文本的颜色，默认值与 React Native 按钮文本颜色相同。
第二个参数是所选选项的索引的回调函数，如果取消，则返回-1。
ActionSheet.showShareActionSheetWithOptions(options, failureCallback, successCallback)
该方法接收三个参数。第一个参数包含以下选项：
url(String) - 要分享的链接，必需.subject(String) - 主题文本，可选.message(String) - 消息内容，可选.
第二个参数是失败回调函数，第三个参数是成功回调函数。
ActionSheet.showActionSheetWithOptions(options, (index) => {
console.log(`You have selected ${actionSheetItems[index]}`);
});当选项被选中时，该方法将调用回调函数，并传递所选选项的索引。
示例代码
完整代码可以在 这里 找到。
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ------- ----------- ---- - ---- ---------------
------ ----------- ---- ------------------------------------
----- ------ - -------------------
---------- -
----- --
--------------- ---------
----------- --------
-
---
------ ------- ----- --- ------- --------- -
--------------- - -- -- -
----- ---------------- - -------- --- ------- --- ------- ----
----------------------------------------
-------- -----------------
------ --------
-------- ---------
-- ------- -- -
-- ------ --- --- -
---------------- ---- -------- -----------------------------
-
---
--
-------------- - -- -- -
---------------------------------------------
---- ------------------
-------- ----------
-------- ---------
-- ------- -- -
---------------------
-- --------- -- -
---------------------
---
--
-------- -
------ -
----- -------------------------
------- ------------------------------ ----------- ------ ------ --
------- ----------------------------- ----------- ----- ------ --
-------
--
-
-结论
react-native-awesome-action-sheet 在 React Native 中提供了漂亮的动作单和警告框，以及特殊的功能比如分享。该组件易于使用，API 简单清晰，可用于您的下一个 React Native 项目中。希望本篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cd681e8991b448e6745