鸿蒙OS ArkTS 省市县级联选择框，封装组件

配景：
公司如今要开发纯血鸿蒙版本APP，我被抽调过来做点功能。如今要做一个省市县级联选择框，而且要封装为组件，供其他页面模块使用。
效果图：

难点：
1. 如今官方文档上只是查到了TextPicker组件是可以做如许级联选择的效果
2. 这种弹窗，官方文档上是有半模态转场，只是这个半模态是一个严格和宿主节点绑定在一起的弹窗，须要绑定在触发的地方，才可以触发弹出，而且半模态转场中的bindSheet，须要初始化Builder范例装饰器（即模态框中要展示的内容），只是Builder装饰器不答应在组件外调用。
实现：
1. 创建一个组件，组件中内容包罗选择器所须要的数据数组、选择器TextPicker所在的Builder装饰器，在TextPicker中去实现级联效果、组件build主体；通过状态（Link、State）来实如今目的页面调用选择器组件
2. 数据数组包罗省市县的数据，可以静态写，也可以读取数据文件，我这是读的他们提供的地域xml文件
3. Builder装饰器是半模态专场初始化时的模态框中的内容，此中包罗弹框顶部 “取消”、弹窗标题、“确定”布局和变乱，下边的省市县三级选择器

1. @Builder
2.   selectRegion() {
3.     Column() {
4.       Flex({
5.         justifyContent: FlexAlign.SpaceBetween,
6.         

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！qidao123.com:ToB企服之家，中国第一个企服评测及软件市场,开放入驻,技术点评得现金