flutter
litter_lj
这个作者很懒,什么都没留下…
展开
-
Flutter问题记录
1.环境搭建1-1. android环境问题问题描述:sdkmanager没有安装path/to/sdkmanager --install "cmdline-tools;latest解决方法:按照下面方式,安装勾选的那个即可1-2.flutter指令一直卡在那边问题描述:VersionCheckError: Command exited with code 128: git fetch __flutter_version_check__ stableStandard e原创 2021-10-19 10:41:37 · 2734 阅读 · 0 评论 -
flutter组件 ExpansionPanelList,ExpansionPanel,Chip,ActionChip,ChoiceChip,FilterChip,InputChip
1.ExpansionPanelList const ExpansionPanelList({ Key key, this.children = const <ExpansionPanel>[], //子集 this.expansionCallback, //展开闭合的回调 this.animationDuration = kThemeAnimat...原创 2019-08-06 11:43:58 · 1191 阅读 · 0 评论 -
flutter组件 RefreshIndicator,Opacity,ClipOval,ClipRRect
1.RefreshIndicator const RefreshIndicator({ Key key, @required this.child, //子集 this.displacement = 40.0, //触发下拉刷新的距离 @required this.onRefresh, //下拉回调方法,方法需要有async和await关键字,没有aw...原创 2019-08-08 17:39:37 · 857 阅读 · 0 评论 -
1.flutter环境的搭建Android windows
1.Android Studio1-1.下载https://developer.android.google.cn/studio1-2:安装FlutterFile----Settings----Plugins 或者安装成功后:2.系统要求 推荐win103.Flutter镜像PUB_HOSTED_URL=https://p...原创 2019-08-13 14:31:48 · 83 阅读 · 0 评论 -
flutter组件 Tooltip,Card,LinearProgressIndicator,CircularProgressIndicator,Divider
1.Tooltipconst Tooltip({ Key key, @required this.message, //提示的内容 this.height = 32.0, //Tooltip的高度 this.padding = const EdgeInsets.symmetric(horizontal: 16.0), //间距 this.verti...原创 2019-08-06 18:14:46 · 316 阅读 · 0 评论 -
flutter 组件 Stepper,Step,Padding,Align,Center,FittedBox,AspectRatio,ConstrainedBox
1.Stepper,StepStepper({ Key key, @required this.steps, //step类型的子集 this.physics, this.type = StepperType.vertical, //方向 this.currentStep = 0, //当前位置 this.onStepTapped, //点击事...原创 2019-08-07 11:42:05 · 580 阅读 · 0 评论 -
flutter 组件 Baseline,FractionallySizedBox,LimitedBox,Offstage,SizedBox,IndexedStack,Table
1.Baselineconst Baseline({ Key key, @required this.baseline, //基准线位置,像素为基本单位 从顶部算 @required this.baselineType, //分为两种:alphabetic -用于对齐字母字符的字形底部的水平线;ideographic-用来对齐表意文字的水平线 Widget c...原创 2019-08-07 18:05:12 · 303 阅读 · 0 评论 -
flutter 拍照实例 image_picker的使用
1.安装2.引用import 'package:image_picker/image_picker.dart';3.示例import 'package:flutter/material.dart';import 'package:image_picker/image_picker.dart';class Photo extends StatefulWidget {...原创 2019-08-19 14:52:07 · 2673 阅读 · 0 评论 -
flutter 全局状态管理Provider
1.Provider全局状态管理安装: pubspec.yamldependencies: provider: ^3.0.0+1引入:import 'package:provider/provider.dart';自定义Store: store.dartimport 'package:provider/provider.dart' show Change...原创 2019-08-12 15:37:14 · 5959 阅读 · 0 评论 -
flutter动画 Animation,Curve,AnimationController,Tween,Hero
1.AnimationAnimation是一个抽象类,它本身和UI渲染没有任何关系,而它主要的功能是保存动画的插值和状态;其中一个比较常用的Animation类是Animation<double>。Animation对象是一个在一段时间内依次生成一个区间(Tween)之间值的类。Animation对象在整个动画执行过程中输出的值可以是线性的、曲线的、一个步进函数或者任何其他曲线函数...原创 2019-08-21 17:21:36 · 4330 阅读 · 0 评论 -
flutter 打开第三方应用
1.url_launcher安装2.引用(就是Url不一样)import 'package:flutter/material.dart';import 'package:url_launcher/url_launcher.dart';class OpenThree extends StatelessWidget { @override Widget build(Buil...原创 2019-08-16 17:46:42 · 2113 阅读 · 1 评论 -
flutter 页面 生命周期,APP应用的生命周期
1.页面生命周期StatelessWidget只有createElement和build的生命周期StatefulWidget:初始化周期:createState,initState更新期间:didChangeDependencies,build, didUpdateWidget销毁期:deactivate,disposeimport 'package:fl...原创 2019-08-17 11:29:27 · 2920 阅读 · 1 评论 -
flutter 指令
1.flutter run 执行项目2.flutter create 名字 //创建application项目3.flutter doctor //诊断配置4.flutter create -t module 名字 //创建模块 用于混合开发5.flutter attach //混合开发 连接进行热加载6.flutter attach -d 设备id //多个设备时...原创 2019-08-27 17:01:38 · 845 阅读 · 0 评论 -
flutter 组件 Placeholder,ButtonBar,PopupMenuButton,自定义组件
1.Placeholder 占位符Placeholder( color: Colors.tealAccent, //颜色 strokeWidth: 2.0, //线条宽度 fallbackHeight: 50.0, //无边界时候的高度 fallbackWidth: 50.0, //无边界时候的宽度),2.ButtonBar 按钮组...原创 2019-07-28 16:38:50 · 1418 阅读 · 0 评论 -
flutter httpClient的封装 dio
1.get请求import 'package:flutter/material.dart';import 'package:dio/dio.dart';class MyHttp extends StatefulWidget { @override State<StatefulWidget> createState() { // TODO: implement...原创 2019-08-01 18:06:31 · 1477 阅读 · 0 评论 -
flutter 组件 showDialog,SimpleDialog,AlertDialog,showModalBottomSheet,SnackBar,SnackBarAction
1.SimpleDialogFuture<T> showDialog<T>({ @required BuildContext context, bool barrierDismissible = true, //是否点击其他阴影地方关闭弹框 @Deprecated( 'Instead of using the "child" argument, r...原创 2019-08-05 14:41:33 · 2328 阅读 · 0 评论 -
flutter学习笔录 基础容器widget----按钮
1.RaisedButton 即"漂浮"按钮,它默认带有阴影和灰色背景。按下后,阴影会变大const RaisedButton({ Key key, @required VoidCallback onPressed, //点击回调,不写按钮是禁用状态 ValueChanged<bool> onHighlightChanged, //水波纹高亮变化回调...原创 2019-07-01 17:27:39 · 262 阅读 · 1 评论 -
flutter 基础容器wdiget Image,FadeInImage,CachedNetworkImage
1.属性Image({ Key key, @required ImageProvider image, String semanticLabel, bool excludeFromSemantics: false, double width, // 控件宽度 double height, // 控件高度 Color...原创 2019-07-02 14:51:55 · 1809 阅读 · 0 评论 -
flutter 基础容器wdiget TextField Form FormField FormState
1.属性const TextField({Key key,TextEditingController controller, //编辑框的控制器,通过它可以设置/获取编辑框的内容、选择编辑内容、监听编辑文本改变事件。大多数情况下我们都需要显式提供一个controller来与文本框交互。如果没有提供controller,则TextField内部会自动创建一个FocusNode foc...原创 2019-07-03 10:14:40 · 783 阅读 · 0 评论 -
flutter 布局容器wdiget Row Column
1.主轴和纵轴对于线性布局,有主轴和纵轴之分,如果布局是沿水平方向,那么主轴就是指水平方向,而纵轴即垂直方向;如果布局沿垂直方向,那么主轴就是指垂直方向,而纵轴就是水平方向。在线性布局中,有两个定义对齐方式的枚举类MainAxisAlignment和CrossAxisAlignment,分别代表主轴对齐和纵轴对齐2.Row的常用属性Row({ ... TextDirec...原创 2019-07-03 14:03:30 · 190 阅读 · 0 评论 -
flutter 布局容器wdiget Flex Expanded Wrap Stack Position
1.FlexFlex可以沿着水平或垂直方向排列子widget,如果你知道主轴方向,使用Row或Column会方便一些,因为Row和Column都继承自Flex,参数基本相同,所以能使用Flex的地方一定可以使用Row或ColumnFlex({ ... @required this.direction, //弹性布局的方向, Row默认为水平方向,Column默认为垂直方向 L...原创 2019-07-04 16:38:02 · 624 阅读 · 0 评论 -
flutter 可滚动wdiget ListView
1.可滚动的通用属性Scrollable({ ... this.axisDirection = AxisDirection.down, //滚动方向 this.controller, // 此属性接受一个ScrollController对象。 // ScrollController的主要作用是控制滚动位置和监听滚动事件。 // 默认情况下,widget树中会有一...原创 2019-07-15 16:58:54 · 222 阅读 · 0 评论 -
flutter 布局限制容器wdiget ConstrainedBox和SizedBox
1.描述ConstrainedBox用于对子widget添加额外的约束SizedBox用于给子widget指定固定的宽高,实际上SizedBox只是ConstrainedBox的一个定制2.属性const BoxConstraints({ this.minWidth = 0.0, //最小宽度 this.maxWidth = double.infinity, //最大...原创 2019-07-11 15:14:45 · 1256 阅读 · 0 评论 -
flutter 可滚动wdiget GridView
1.属性 跟ListView差不多GridView({ Axis scrollDirection = Axis.vertical, bool reverse = false, ScrollController controller, bool primary, ScrollPhysics physics, bool shrinkWrap = false, Edge...原创 2019-07-16 14:34:36 · 232 阅读 · 0 评论 -
flutter 手势识别GestureDetector
GestureDetector是一个用于手势识别的功能性Widget,我们通过它可以来识别各种手势,它是指针事件的语义化封装1.示例import 'package:flutter/gestures.dart';import 'package:flutter/material.dart';class MyGesture extends StatefulWidget { @over...原创 2019-07-24 17:14:35 · 1667 阅读 · 0 评论 -
flutter组件 Checkbox,CheckboxListTile,Radio,RadioListTile
1.Checkboxconst Checkbox({ Key key, @required this.value, //是否选中此复选框 this.tristate = false, //默认false,如果为true,复选框的值可以为true、false或null。 @required this.onChanged, //监听 当复选框的值应该更改时调...原创 2019-08-02 17:27:54 · 1634 阅读 · 0 评论 -
flutter组件 Switch,SwitchListTile,Slider,showDatePicker,showTimePicker
1.Switchconst Switch({ Key key, @required this.value, //值 @required this.onChanged, //改变时触发 this.activeColor, //激活时原点的颜色 this.activeTrackColor, //激活时横条的颜色 this.inactiv...原创 2019-08-03 15:18:39 · 631 阅读 · 0 评论 -
flutter 可滚动wdiget 滚动监听及控制
1.ScrollControllerScrollController({ double initialScrollOffset = 0.0, //初始滚动位置 this.keepScrollOffset = true,//是否保存滚动位置 // 如果ScrollController.keepScrollOffset为false,则滚动位置将不会被存储,Scrollable ...原创 2019-07-23 14:14:49 · 3244 阅读 · 0 评论 -
flutter学习笔录 基础 widget----Text
1.属性const Text( String data, { Key key, TextStyle style, TextAlign textAlign, TextDirection textDirection, Locale locale, bool softWrap, TextOverflow overflow, dou...原创 2019-07-01 15:19:56 · 179 阅读 · 0 评论