Flutter
夜雨Gecer
To be or not to be
展开
-
【Flutter】动画入门
Flutter动画基本与前端动画一致,都是在一定时间内,将一个值变到另一个值,利用这个值的变化来实现对界面的控制。代码class MyHomePage extends StatefulWidget { MyHomePage({Key key}) : super(key: key); @override _MyHomePageState createState() => _MyHomePageState();}class _MyHomePageState extends原创 2021-03-10 14:46:36 · 82 阅读 · 0 评论 -
【Flutter】调用AndroidView 多指滑动报错问题
环境:android8.1 以及 android 5.0(暂时推测为android8.1以下因为android10并没有此问题)flutter 1.22.0+使用AndroidView包了一下原生的高德地图,在地图上3+个手指头以上触摸屏幕则会爆以下错误。E/flutter ( 4633): #0 _AndroidMotionEventConverter.toAndroidMotionEventpackage:flutter/…/services/platform_views.原创 2020-11-25 14:13:02 · 448 阅读 · 0 评论 -
【Android】高德地图在Debug模式下运行正常但是打Release包时则闪退解决办法
我再开发过程中遇到的高德地图在Debug模式下运行正常但是打Release包时则闪退的原因是没有设置混淆。因为我做的是Flutter,所以Android的文档目录为下:其中需要配置的则是圈出来的两个文件(proguard-rules.pro、build.gradle),其中proguard-rules.pro文件在初始化的目录中并没有,需要自己创建。两个文件配置如下:proguard-rules.pro里面具体的配置需要根据项目需要自己进行配置(链接),我这里用到的是导航、定位、搜索原创 2020-11-11 21:11:24 · 1672 阅读 · 5 评论 -
【Flutter】插件开发
本文Flutter版本为1.20.0 stable创建命令flutter create --org 包名 --template=plugin -a java -i objc - --description "插件描述" 项目名原创 2020-11-10 21:08:25 · 235 阅读 · 0 评论 -
【Flutter】改变TextField 边框颜色
本篇为本人平时总结的经验,如有更好的写法请留言。TextField( autofocus: true, controller: TextEditingController.fromValue(TextEditingValue( text: value, selection: TextSelection.fromPosition(TextPosition( affinity: TextAffinity.downs原创 2020-08-17 12:08:40 · 3952 阅读 · 0 评论 -
【Flutter】沉浸式导航
效果结构是使用Stack布局先给后面的控件弄个图片的背景,之后再上Scaffold,再将相关的组件背景设为透明即可.代码class Body extends StatelessWidget { @override Widget build(BuildContext context) { return Stack( children: <Widget>[ Image.network( 'https://timg.原创 2020-07-17 15:00:01 · 727 阅读 · 0 评论 -
【Flutter】mounted
mounted 是 bool 类型,表示当前 State 是否加载到树⾥。常用于判断页面是否释放。比如在程序中有些一步的处理,当处理结束时直接调用setState方法会直接报错,因为页面已经释放了,此时无法渲染页面,这时就可以使用mounted来进行判断。if(mounted){ setState((){ }) }...原创 2020-06-17 18:30:06 · 6914 阅读 · 0 评论 -
【Flutter】返回首页
其实不应该交返回首页。描述一下场景吧:从首页进入A页面,在A页面里面跳转到B页面之后在页面点击返回键直接就能返回首页。在A页面中跳转到B页面的代码: Navigator.of(context).pushAndRemoveUntil( MaterialPageRoute(builder: (_) => B页面()), (Route<dynamic> route) { //返回的事false的都会.原创 2020-05-13 17:55:05 · 2658 阅读 · 1 评论 -
【Flutter】EventBus简述
EventBus可以实现组件之间的消息通知,这里是讲述其简单应用(点击+- 按钮操作数据)。1.添加依赖2.添加数据总线(因为我看过几篇文章说过数据总线声明一个即可,所以我直接证明在main里面了)3.声明数据总线分类4.监听事件5.声明要提交消息的控件import 'package:flutter/material.dart';import '...原创 2020-05-07 17:40:15 · 697 阅读 · 0 评论 -
【Flutter】ListView中嵌套ListView
在开发业务中有很多场景都是,一个竖直排列的ListView里面套用一个水平排列的ListView,但是直接套用会报错,于是在网上搜索各种解决办法,有些文章会提示加一些属性,但是这个直接原因就是水平排列的ListView没有高度,只需要在ListView外边套一个控件撑开高度即可。ListView.builder( itemBuilder: (BuildContext co...原创 2020-05-07 16:08:47 · 4063 阅读 · 0 评论 -
【Flutter】使用高德地图实现地图选点以及地图搜索
效果插件安装以及环境配置是使用amap_all_fluttify插件来完成的高德地图的集成根据官方的说明,这个插件集成了amap_search_fluttify,amap_location_fluttify,amap_map_fluttify.这些插件。安装amap_all_fluttify 插件后,还需要根据每个插件进行配置。例如amap_search_fluttif...原创 2020-03-11 15:07:03 · 8680 阅读 · 4 评论 -
【Flutter】入门18-动画
import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(Build...原创 2020-02-08 09:23:43 · 104 阅读 · 0 评论 -
【Flutter】入门17-DataTable
数据模型class MyModel { MyModel(this.id, this.name, {this.isSelected = false}); int id; String name; bool isSelected;}DataTableclass MyHome extends StatefulWidget { @override _My...原创 2020-02-06 15:15:43 · 276 阅读 · 0 评论 -
【Flutter】入门16-chip
List<String> _tags = [ 'Apple', 'Banana', 'Lemon', ]; List<String> _tags01 = [ 'item01', 'item02', 'item03', ]; String _action = 'Nothing'; List<S...原创 2020-02-06 14:22:11 · 324 阅读 · 0 评论 -
【Flutter】入门14-对话框
SimpleDialog String _choice = '请选择'; Future _openSimpleDialog() async { final option = await showDialog( context: context, builder: (BuildContext context) { retur...原创 2020-02-06 09:31:24 · 232 阅读 · 0 评论 -
【Flutter】入门13-安装第三方包(Intl)
1.先去https://pub.dev/搜索要安装的包的版本2.在 根目录下的pubspec.yaml 中添加依赖(使用vs code项目正在启动时,会自动执行fluttter pub get 命令,如果没有执行需要在命令行进行手动执行)3.在项目中使用包...原创 2020-02-06 08:35:18 · 926 阅读 · 0 评论 -
【Flutter】入门15-输入
Checkboxclass _MyHomeState extends State<MyHome> with SingleTickerProviderStateMixin { AnimationController _controller; @override void initState() { super.initState(); _contr...原创 2020-02-05 10:10:08 · 165 阅读 · 0 评论 -
【Flutter】入门12-按钮
FloatingActionButtonWidget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Gecer'), ), body: null, floatingActionButton: FloatingAc...原创 2020-02-04 09:24:28 · 314 阅读 · 0 评论 -
【Flutter】入门11-表单
一.输入框class Home extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('Gecer')), body: Theme( //激活后的边框颜...原创 2020-02-03 12:01:36 · 247 阅读 · 0 评论 -
【Flutter】入门10-路由
路由是采取堆这种数据结构存储页面的,根页面在堆的最下面,新来的页面放在上面,返回上一个页面就把最上面的页面拿掉;import 'package:flutter/material.dart';void main() => runApp(MyApp());class MyApp extends StatelessWidget { @override Widget bui...原创 2020-02-02 13:52:54 · 159 阅读 · 0 评论 -
【Flutter】入门09-Grid网格布局
使用GridView.count创建(按照数量限制交叉轴显示个数)import 'package:flutter/material.dart';import 'dart:math';void main() { runApp(App());}class App extends StatelessWidget { @override Widget build(Buil...原创 2020-02-01 11:17:27 · 1145 阅读 · 0 评论 -
【Flutter】入门08-PageView
基本class Home extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('Gecer')), body: PageView( childr...原创 2020-02-01 10:45:39 · 264 阅读 · 0 评论 -
【Flutter】入门07-Row、Column与其主轴、交叉轴
为了方便,先写了一个展示用的小部件class MyContainer extends StatelessWidget { Color _color; MyContainer(this._color); @override Widget build(BuildContext context) { return Container( width: 100, ...原创 2020-02-01 08:38:57 · 760 阅读 · 0 评论 -
【Flutter】入门06-容器Container及其装饰
一.基本介绍1.新创建的容器,大小默认是父元素的大小。class Home extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Gecer'), ...原创 2020-01-31 09:27:25 · 620 阅读 · 0 评论 -
【Flutter】入门05-drawer抽屉
基础import 'package:flutter/material.dart';void main() { runApp(App());}class App extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( ...原创 2020-01-30 10:38:32 · 466 阅读 · 0 评论 -
【Flutter】入门04-tab页的使用
import 'package:flutter/material.dart';void main() { runApp(App());}class App extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( deb...原创 2020-01-30 09:42:14 · 417 阅读 · 0 评论 -
【Flutter】入门03-appBar
import 'package:flutter/material.dart';import 'package:flutter/rendering.dart';void main() { runApp(App());}class App extends StatelessWidget { @override Widget build(BuildContext conte...原创 2020-01-30 08:09:04 · 306 阅读 · 0 评论 -
【Flutter】入门02-列表
过程如下:数据模型以及相关处理代码class DataModel { DataModel(this.name, this.code, this.photoUrl); String name; String code; String photoUrl;}class DataHandel { static List<DataModel> getDat...原创 2020-01-30 07:20:50 · 152 阅读 · 0 评论 -
【Flutter】入门01
1.Hello worldimport 'package:flutter/material.dart';void main() { runApp(Center( child: Text( 'Hello world', textDirection: TextDirection.ltr, ), ));}在程序的开头我们使用impor...原创 2020-01-29 10:21:06 · 210 阅读 · 0 评论 -
【Flutter】学习笔记02
同样只是学习的一个记录,记得很杂。main.dart//导入相关控件import 'package:flutter/material.dart';import 'components/list.dart';//入口方法-制定首页void main() => runApp(MyApp());//首页(StatelessWidget代表无状态控件,无状态控件内部没有私有...原创 2020-01-29 08:11:20 · 111 阅读 · 0 评论 -
【Flutter】学习笔记01
文字描述全在代码的注释当中,写的也是比较乱,权当是记录一下写的demo与效果。//导入相关控件import 'package:flutter/material.dart';//入口方法-制定首页void main() => runApp(MyApp());//首页(StatelessWidget代表无状态控件,无状态控件内部没有私有数据,纯展示页面)class MyAp...原创 2020-01-28 09:08:29 · 162 阅读 · 0 评论