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 版本 🔥 

下载案例