![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
flutter
郭文武
13年毕业于南昌航空大学软件工程专业
展开
-
Flutter webview
引入flutter_webview_plugin插件pubspec.yaml文件中引入:dependencies: flutter_webview_plugin: ^0.3.8权限配置Flutter 本身并未集成webview,所以当需要使用webview 的时候,使用flutter_webview_plugin插件,也就是使用的原生webview组件flutter_w...原创 2019-10-30 09:01:23 · 750 阅读 · 0 评论 -
Flutter Swiper (轮播)
引入flutter_swiper插件pubspec.yaml文件中引入:dependencies: flutter_swiper: ^1.1.6作用及使用多种轮播方式组件参考网址:flutter_swiper中文文档 官方库地址:flutter_swiper官方库 import 'package:flutter/material.dart'; import...原创 2019-10-30 09:01:29 · 472 阅读 · 0 评论 -
Flutter 时间选择器
引入flutter_datetime_picker插件pubspec.yaml文件中引入:dependencies: flutter_datetime_picker: 1.2.6作用及使用选择时间组件参考网址:flutter_datetime_picker 使用方式: 选择日期 import 'package:flutter_datetime_pi...原创 2019-10-30 09:01:16 · 14103 阅读 · 3 评论 -
flutter 自定义进度条progress
系统自带进度条有一定局限性,只能设置背景色,前景色要设置动画的颜色值,且不能自定义是否圆角等属性// 2表示当前的值,10表示最大值LinearProgressIndicator( value: 2 /10, backgroundColor: Constants().grayBgColor,),自定义进度条类import 'package:flutter/m...原创 2019-10-30 09:01:11 · 2744 阅读 · 1 评论 -
flutter 上拉刷新,下拉加载更多
拉刷新页面内容,下拉加载更多功能import 'package:flutter/material.dart';import 'package:zetc_app/constants.dart';/** * 带上拉刷新和下拉加载的listView */class RefreshListView extends StatefulWidget { RefreshListView({...原创 2019-10-30 09:01:02 · 276 阅读 · 0 评论 -
Flutter 自定义marquee垂直滚动
自定义垂直marquee插件用来向上垂直滚动列表(一般滚动公告) 自定义类: import 'dart:async'; import 'package:flutter/material.dart'; class Marquee extends StatefulWidget { final List<String> textList; final Li...原创 2019-10-30 09:00:52 · 1630 阅读 · 0 评论 -
Flutter 图片保存到本地
引入image_gallery_saver插件pubspec.yaml文件中引入:dependencies: image_gallery_saver: ^1.1.0权限设置Android配置 文件地址:android/app/src/profile/AndroidManifest.xml <manifest xmlns:android="http://schem...原创 2019-10-30 09:00:42 · 6967 阅读 · 2 评论 -
Flutter 启动外部浏览器
引入url_launcher插件pubspec.yaml文件中引入:dependencies: url_launcher: ^5.1.2作用及使用在应用中打开外部浏览器参考网址:url_launcher 使用方式: import 'package:url_launcher/url_launcher.dart'; _launchURL(apkUrl) as...原创 2019-10-30 09:00:27 · 4180 阅读 · 0 评论 -
Flutter 二维码生成
引入qr_flutter插件pubspec.yaml文件中引入:dependencies: qr_flutter: ^2.1.0+55作用及使用生成二维码插件参考网址:qr_flutter 使用方式: import 'package:qr_flutter/qr_flutter.dart'; // 二维码生成 child: QrImage( dat...原创 2019-10-29 15:14:03 · 527 阅读 · 0 评论 -
Flutter html渲染
引入flutter_html插件pubspec.yaml文件中引入:dependencies: flutter_html: ^0.10.4作用及使用用来渲染html内容,如某些详情页面参考网址:flutter_html 使用方式: import 'package:flutter_html/flutter_html.dart'; // 渲染html内容代码...原创 2019-10-29 15:13:08 · 3236 阅读 · 0 评论 -
Flutter 权限处理
引入permission_handler插件pubspec.yaml文件中引入:dependencies: permission_handler: ^3.2.2作用及使用获取并设置手机权限的插件参考网址:permission_handler封装插件 封装代码 import 'package:permission_handler/permission_han...原创 2019-10-29 15:12:12 · 1829 阅读 · 0 评论 -
Flutter 设备存储(相当于localstorage)
引入shared_preferences插件pubspec.yaml文件中引入:dependencies: shared_preferences: ^0.5.3+4作用及使用类似于web中的localStorage,在应用中存储键值数据参考网址:shared_preferences封装插件 封装代码 import 'package:shared_prefe...原创 2019-10-29 15:08:35 · 3458 阅读 · 0 评论 -
Flutter 获取设备信息
引入package_info插件pubspec.yaml文件中引入:dependencies: package_info: ^0.4.0+6作用及使用获取当前包的信息,如项目中配置的version号等,常用来配合后台版本号更新版本参考网址:package_info 使用方式: import 'package:package_info/package_info.da...原创 2019-10-29 15:07:15 · 2274 阅读 · 1 评论 -
Flutter 不同设备适配
屏幕适配引入flutter_screenutil插件pubspec.yaml文件中引入:dependencies: flutter_screenutil: ^0.5.3作用及使用解决不同分辨率,不同像素比屏幕适配问题参考网址:flutter_screenutil中文文档 注意事项:在使用之前请设置好设计稿的宽度和高度,传入设计稿的宽度和高度(单位px) 一定在M...原创 2019-10-29 15:06:24 · 1007 阅读 · 0 评论 -
Flutter Dialog模态框使用及自定义Dialog
自定义dialog插件用来弹出确认取消提示框,或者自定义模态框 自定义类: import 'package:flutter/material.dart'; class dialogUtil { /** * 通用显示确定按钮框 */ static showConfirmDialog(context, options) { showDialog(...原创 2019-10-29 15:05:17 · 2433 阅读 · 0 评论 -
Flutter toast弹框
引入oktoast插件pubspec.yaml文件中引入:dependencies: oktoast: ^2.2.0作用及使用oktoast插件,在应用中显示提示消息内容参考网址:oktoast中文文档 注意事项:包裹你的 MaterialApp,不是包裹你的 Scaffold class MyApp extends StatelessWidget { ...原创 2019-10-29 15:02:48 · 826 阅读 · 0 评论 -
Flutter 动态路由添加
import 'package:flutter/material.dart';import 'dart:io';import 'package:flutter/services.dart';import 'package:demo_app/pages/reload.dart';import 'package:demo_app/pages/bottom_nav_bar.dart';imp...原创 2019-10-29 15:00:37 · 563 阅读 · 0 评论 -
Flutter 底部导航栏组件
import 'package:flutter/material.dart';import 'package:zetc_app/pages/index.dart';import 'package:zetc_app/pages/mine.dart';import 'package:zetc_app/pages/message.dart';import 'package:zetc_app/p...原创 2019-10-29 14:58:23 · 148 阅读 · 0 评论 -
Flutter 项目实战经验总结
来源网址:http://book.91vue.com/Flutter/Flutter常用参考网址查找包网址:flutter package 查找自带icon:flutter icon 视频教程地址:flutter视频教程常用命令flutter run flutter run -d <设备编号> flutter run --release flutter bu...原创 2019-08-15 18:04:31 · 566 阅读 · 0 评论 -
Flutter发起http请求
1. 构建Http通用发起请求类import 'dart:async';import 'dart:convert' as Convert;import 'dart:io';import 'package:http/http.dart' as http;typedef RequestCallBack = void Function(Map data);class HttpRequ...原创 2019-06-26 18:52:32 · 1066 阅读 · 0 评论 -
Flutter入门笔记
1. main.dart入口// 自带样式类库import 'package:flutter/material.dart';// 入口函数void main() => runApp(MyApp());// 入口widgetclass MyApp extends StatelessWidget { @override Widget build(BuildContex...原创 2019-06-21 16:46:17 · 126 阅读 · 0 评论