Flutter
我好菜啊~
这个作者很懒,什么都没留下…
展开
-
Flutter学习笔记 TextFormField点击空白处收回键盘
点击TextFormField弹出键盘后,点击周围空白处收回弹出的键盘。只需要嵌套一层GestureDetector即可@override Widget build(BuildContext context) { ScreenUtil.instance = ScreenUtil(width: 1080, height: 1920)..init(context); retur...原创 2019-11-09 13:42:47 · 878 阅读 · 0 评论 -
Flutter学习笔记 按返回键直接回到桌面,不退出APP
在Flutter应用中,每次按返回键返回桌面时,APP就自动退出了。为了使返回到桌面时,应用可以在后台继续执行,需要与Android原生进行通讯首先在android包下的MainActivity中,修改package com.example.flutter_app;import android.os.Bundle;import io.flutter.app.FlutterActivity...原创 2019-10-13 16:13:31 · 1943 阅读 · 0 评论 -
Flutter学习笔记 加载Html页面
在Flutter中加载Html页面有很多中插件,例如:flutter_webview_plugin和flutter_html由于在实际使用时,flutter_webview_plugin碰到了一些问题,暂时先使用flutter_html这个插件来加载html信息https://pub.flutter-io.cn/packages/flutter_html首先导入:dependencies:...原创 2019-10-10 22:02:18 · 1058 阅读 · 0 评论 -
Flutter学习笔记 使用Provide实现状态管理
首先添加插件:dependencies: provide: ^1.0.2例子:首先新建了一个provide包,里面新建了一个counter.dart文件内容:import 'package:flutter/material.dart';class Counter with ChangeNotifier{ int value = 0; increment(){ ...原创 2019-09-26 21:50:22 · 187 阅读 · 0 评论 -
Flutter学习笔记 页面保持状态
首先在需要保持页面状态的页面混入AutomaticKeepAliveClientMixin然后重写wantKeepAlive方法返回trueclass HomeState extends State<HomePage> with AutomaticKeepAliveClientMixin { @override // TODO: implement wantKeepAli...原创 2019-09-25 23:35:36 · 360 阅读 · 0 评论 -
Flutter学习笔记 弹出键盘越界
在界面存在有输入框的时候,弹出键盘时总是会报异常:bottom overflowed by 236 PIXELS这时候在界面的body上可以用SingleChildScrollView包裹一下body的内容,包装一下解决异常...原创 2019-09-23 11:11:54 · 1167 阅读 · 0 评论 -
Flutter学习笔记 数据储存shared_preferences
Flutter中可以通过shared_preferences库来保存键值对信息首先添加插件:dependencies: shared_preferences: ^0.5.3+4在使用的地方导入:import 'package:shared_preferences/shared_preferences.dart';保存:SharedPreferences sharedPrefer...原创 2019-09-21 10:51:57 · 658 阅读 · 0 评论 -
Flutter学习笔记 二维码
生成二维码:首先安装生成二维码插件:dependencies: qr_flutter: ^3.0.1在使用的地方导入:import 'package:qr_flutter/qr_flutter.dart';使用: QrImage( data: '二维码要显示的数据', size: 100.0, embeddedImage: AssetImage('images...原创 2019-09-20 15:25:02 · 1381 阅读 · 0 评论 -
Flutter学习笔记 屏幕适配
Flutter屏幕适配方案,使页面设计在不同尺寸的屏幕上都能显示一致可以使用插件:flutter_ScreenUtilhttps://pub.flutter-io.cn/packages/flutter_screenutil安装:dependencies: flutter: sdk: flutter # 添加依赖 flutter_screenutil: ^0.6.0...原创 2019-09-20 15:05:27 · 214 阅读 · 0 评论 -
Flutter学习笔记 动画
Animation(动画):AnimationController _animationController; @override void initState() { // TODO: implement initState super.initState(); _animationController = AnimationController( ...原创 2019-09-20 14:49:25 · 178 阅读 · 0 评论 -
Flutter学习笔记 部分组件
AppBar Widget build(BuildContext context) { // TODO: implement build return DefaultTabController( length: 3, child: Scaffold( appBar: AppBar( leading: IconButto...原创 2019-09-20 13:28:47 · 208 阅读 · 1 评论 -
Flutter学习笔记 Form表单
Form表单需要设置一个全局类型的GlobalKey,通过这个key获取表单对象 GlobalKey<FormState> _formKey = new GlobalKey<FormState>();//获取表单当前实例对象_formKey.currentState;//重置表单内容_formKey.currentState.reset();//验证...原创 2019-09-19 13:23:03 · 875 阅读 · 0 评论 -
Flutter学习笔记 生命周期
Flutter生命周期分为三个阶段:初始化状态变化组件移除初始化阶段:构造函数>>initState>>didChangeDependencies>>Widget build>>页面加载完成状态变化(热重载):didUpdateWidget>>build组件移除:deactivate>>dispose生...原创 2019-09-18 20:44:23 · 146 阅读 · 0 评论 -
Flutter学习笔记 边框
BoxDecoration(装饰器)const BoxDecoration({ this.color, this.image, this.border, this.borderRadius, this.boxShadow, this.gradient, this.backgroundBlendMode, this.shape = BoxShape.rectangl...原创 2019-09-18 12:25:42 · 1210 阅读 · 0 评论 -
Flutter学习笔记 ListView列表
ListView(滚动列表)在主轴方向可以滚动,在交叉轴方向填满构建方式:ListView(), ListView.builder(), ListView.separated(), ListView.custom()ListView() 例:ListView( shrinkWrap: true, children: <Widget>[ Text('List1')...原创 2019-09-18 10:45:21 · 274 阅读 · 0 评论 -
Flutter学习笔记 Route路由
设置路由,应用启动时首先打开初始路由,可以使用路由和导航通过路由跳转到其他页面静态路由:class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return Mate...原创 2019-09-17 21:13:15 · 254 阅读 · 0 评论 -
Flutter学习笔记 BottomNavigationBar + PageView.builder 底部导航栏加滑动视图
页面底部存在一个底部导航栏,点击切换页面。页面使用滑动视图,可以左右滑动切换页面。class _MyHomePageState extends State<MyHomePage> { //当前页面 int _currentIndex; //定义页面控制器,可以左右滑动切换页面 PageController pageController = new PageCont...原创 2019-09-17 20:38:41 · 1113 阅读 · 0 评论 -
Flutter学习笔记 按钮
1. 按钮FlatButton:文字按钮onPressed和child是必选属性FlatButton( onPressed: () {}, child: Text('Button'), splashColor: Colors.grey, //溅墨色 textColor: Colors.pinkAccent, color: Colors.black26,),Fla...原创 2019-09-17 15:42:22 · 164 阅读 · 0 评论 -
Flutter 添加插件时android版本库冲突问题
添加Flutter第三方插件时,当前Android版本跟新插件需要AndroidX版本冲突问题,解决方法,参考以下博客:https://blog.csdn.net/ocean20/article/details/89215290转载 2019-09-17 13:38:56 · 1104 阅读 · 0 评论