简介
react-native-addressselector 是一款在 React Native 中使用的地址选择组件。它能以扁平化展示所有的省市区，用户可方便的选择自己所在的省市区，从而实现地址选择的功能，并且适应了 iOS 与 Android 双平台。它提供了一种较好的、中规中矩的解决方案，让我们可以轻松实现此类功能。
安装
安装 react-native-addressselector 组件，您可以通过 npm 命令行工具进行安装：
$ npm install react-native-addressselector
使用步骤
1. 在 React Native 中引用组件
import AddressSelector from 'react-native-addressselector';
2. 使用组件
组件接受一个 onAddressSelected 方法作为参数，用于传递选中的地址信息，这个回调函数接受一个参数，即选中的地址对象。下面是调用组件的代码：
-- -------------------- ---- -------
------ ------ ----------- ---- --------
------ ------ ---- ---------------
------ --------------- ---- -------------------------------
------ ------- ----- ---------------- ------- ----------
---------
-------
----- -------- ----- - ---
---------------- ---------------------------- -- --------------------- --
-------
--
-
-组件支持自定义样式，接受一个参数 style，你可以使用自定义的样式：
-- -------------------- ---- -------
------ ------ ----------- ---- --------
------ ------ ---- ---------------
------ --------------- ---- -------------------------------
------ ------- ----- ---------------- ------- ----------
---------
-------
----- -------- ----- - ---
----------------
-------- ---------------- ------- ------- --- ------------- -- --
---------------------------- -- ---------------------
--
-------
--
-
-参数说明
onAddressSelected(function)：可选参数，当选择完地址之后的回调函数。style(ViewStyle)：可选参数，自定义组件样式。
注意事项
组件为受控组件，在选择地址后，回调函数返回的地址信息可以储存在 state 或 props 中，以完成组件的值的更新。
每次展示组件前，需重新获取地址信息，以防止信息不准确。
示例
这里是一份简单的示例代码，帮助您对组件的使用有更好的理解：
-- -------------------- ---- -------
------ ------ ----------- ---- --------
------ ------ ---- ---------------
------ --------------- ---- -------------------------------
------ ------- ----- ---------------- ------- ----------
------------------ -
-------------
---------- - -
-------- --
-
-
--------------------------------
---------------
-------- -------
---
-
---------
-------
----- -------- ----- - ---
---------------- ---------------------------- -- ------------------------------------- --
---------------------
--------------------------------------------
----------------------------------------
-------------------------------------------
-------
--
-
-以上是本文的全部内容，如果您还有问题，欢迎在评论区留言，我将会及时回复！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056c5981e8991b448e5dde