前端
前端
最新博文
-
flutter-30(获取设备信息、获取地理位置)
## 一、Flutter 中获取设备信息 文档: [https://pub.dev/packages/device_info](https://pub.dev/packages/device_info) ``` import 'package:device_info/device_info.dart'; DeviceInfoPlugin deviceInfo = DeviceInfoPlugin(); AndroidDeviceInfo androidInfo = await de
2020-04-30【Flutter】
阅读更多 -
flutter-29(使用WebView组件url_launcher加载远程web页面渲染新闻详情数据)
## 一、Flutter 实现一个简单的新闻 APP **涉及的 api 接口:** **新闻列表:** http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1 **新闻详情:** http://www.phonegap100.com/appapi.php?a=getPortalArticle&aid=20 **`WebView`加载的远程 web 页面:** http://www.phon
2020-04-30【Flutter】
阅读更多 -
flutter-28(实现简单的新闻系统渲染新闻详情数据以及用 用flutter_html 解析 析html)
Flutter## 一、Flutter 实现一个简单的新闻 APP **涉及的 api 接口:** 新闻列表: http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1 新闻详情:http://www.phonegap100.com/appapi.php?a=getPortalArticle&aid=20 ## 二、Flutter 解析 html [文档 https://pub.dev/packages/
2020-04-30【Flutter】
阅读更多 -
flutter-27(Flutter 新 下拉刷新 上拉分页加载更多)
一、Flutter 下拉刷新和上拉分页 在 Flutter 官方 sdk 中给我们提供了下拉刷新的组件 RefreshIndicator 。但是 没有提供上拉分页加载更多的组件。但是在 Flutter ListView 中有一个 ScrollController 属性,它就是专门来控制 ListView 滑动事件,在这里我们可 以根据 ListView 的位置来判断是否滑动到了底部来做加载更多的处理。
2020-04-30【Flutter】
阅读更多 -
flutter-26(Dio 求 库实现网络请求 get post put delete 以及动态渲染数据)
## 一、Flutter Dio 库 [文档地址:https://pub.dev/packages/dio](https://pub.dev/packages/dio) [geihub Demo 地址:https://pub.dev/packages/dio](https://github.com/flutterchina/dio/blob/master/README-ZH.md) > 例子 ``` import 'dart:convert'; import 'pa
2020-04-30【Flutter】
阅读更多 -
flutter-25(http get请求数据、post提交数据、以及渲染动态数据)
## 一、Flutter `JSON` 字符串和 `Map` 类型的转换 ``` import 'dart:convert' var mapData={"name":"张三","age":"20"}; var strData='{"name":"张三","age":"20"}'; print(json.encode(mapData)); //Map 转换成 Json 字符串 print(json.decode(strData)); //Json 字符串转化成 Map 类型 ```
2020-04-30【Flutter】
阅读更多 -
flutter-24(自定义 Dialog、定时器)
Flutter## 一、Flutter 自定义 Dialog 自定义 `Dialog` 对象,需要继承 `Dialog` 类,尽管 `Dialog` 提供了 `child` 参数可以用来写视图界面, 但是往往会达不到我们想要的效果,因为默认的 `Dialog` 背景框是满屏的。如果我们想完全定 义界面,就需要重写 `build` 函数。 ![image](http://image.apidata.vip/QQ%E6%88%AA%E5%9B%BE20200321232811.png) > MyDi
2020-04-30【Flutter】
阅读更多 -
flutter-23(dialog 弹出层、 AlertDialog、SimpleDialog、showModalBottomSheet 、showToast)
Flutter>在调用 `showDialog` 加上下面参数 `barrierDismissible:false` 表示点击灰色背景的时候是否消失弹出框,建议弹出框的时候加上此属性 ## 一、AlertDialog ![image](http://image.apidata.vip/QQ%E6%88%AA%E5%9B%BE20200320231418.png) ``` _alertDialog() async{ var result= await showDialog( b
2020-04-30【Flutter】
阅读更多 -
flutter-22(轮播图 flutter_swiper 、AspectRatio 横纵比组件)
Flutter## AspectRatio 适配横纵比组件 ``` AspectRatio( aspectRatio: 16 / 9, // 设置比例 child:, ) ``` ## 轮播图组件 [文档: https://pub.dev/packages/flutter_swiper]( https://pub.dev/packages/flutter_swiper) > SwiperDemo.dart ![image](http://image.api
2020-04-30【Flutter】
阅读更多 -
flutter-21(官方自带日期组件[showDatePicker、showTimePicker]、第三方日期组件)
Flutter## 一、Flutter 日期和时间戳 **日期转化成时间戳:** ``` var now = new DateTime.now(); print(now.millisecondsSinceEpoch);//单位毫秒,13 位时间戳, print需要在body中打印出来 ``` **时间戳转化成日期:** ``` var now = new DateTime.now(); var a=now.millisecondsSinceEpoch; //时间戳 print(Dat
2020-04-30【Flutter】
阅读更多