Flutter 项目实战 自定义选择器 十四

  我所经历的自定义选择器

  选择性别   

选择城市列表

了解 showDialog 属性

BuildContext context  

用于关闭对话框 / 跳转其他页面

Navigator.pop(context);

  WidgetBuilder builder

  显示在对话框上的Widget / 可自定义 

  barrierDismissible

 

barrierColor

 

  useSafeArea  

  只对IOS平台有效 / useSafeArea / true / 点击状态栏对话框消失

尝试自定义性别选择器

  性别选择框样式

  对话框内容布局使用Stack  

  项目需求时间选择器  

自定义省市区JSON数据

  区/ district

{
  "id": 1,
  "area": "东城区",
  "areaid": "110101",
  "cityid": "110100",
  "lng": "116.41",
  "lat": "39.9316"
}

  城市 / cities

省 / province  

  生成省市区Model  

json_to_dart 

 

  AS 开发工具安装 FlutterJsonBeanFactory 插件

 

 

 

   创建address.json文件

  执行命令加载依赖文件

flutter pub get

   解析省市区数据

  省市区选中样式

选项卡默认样式

 

  修改样式失败  

 

  修改CupertinoPicker 布局

  布局的渲染都是在 State 函数build()里面完成

Stack是层布局 / 那么省市区选项覆盖在了省市区文字的上面

 

 

  说说自己的开发环境  

  Android Studio 版本  

 

 

  Flutter SDK 版本  

下载案例