Flutter
自学Flutter,从小白开始
chase_cc
其实每个人都不曾因为苦而放弃,只会因为扛而成长,重要的不是什么时候开始,而是开始之后就不要停止。
展开
-
Flutter中ListView和GridView滚动的监听
1.监听方式1.1 controller监听可以设置默认的offset的值监听滚动,也可以监听滚动的位置import 'package:flutter/material.dart';//函数入口main() =>runApp(MyApp());class MyApp extends StatelessWidget { //重写方法 @override Widget build(BuildContext context) { // TODO: implemen原创 2020-08-18 14:26:52 · 2912 阅读 · 0 评论 -
Flutter中的滚动视图(ListView 和GridView)
1- ListView的使用在文档中我们可以看到ListView有 几种创建方式1.1公用的方式//导入风格样式库import 'package:flutter/material.dart';//main函数main() =>runApp(MyApp());//MyApp类继承StatelessWidgetclass MyApp extends StatelessWidget { //重写方法 @override Widget build(BuildCont原创 2020-08-12 11:02:16 · 1031 阅读 · 0 评论 -
Flutter开发利器布局(Layout)容器
我们在前端开发的过程,都需要一个承载的容器,比如:iOS中的UIView,安卓的View,Web中的divFlutter中的布局组件1. Align对齐方式Align中常用的属性alignment对其方式,可以是枚举Alignment.center,也可以是 Alignment创建的对象,需要注意的是Alignment创建的对象,默认的(0,0)点是 这个组件所在容器的中心点widthFactor和heightFactor宽度和高度因子,其主要作用是Align中的子child组件size的.原创 2020-05-15 14:46:59 · 900 阅读 · 0 评论 -
Flutter中的Image组件和Clip裁剪组件
Image图片组件是日常开发中经常使用的,Image与几个常用的属性fit 缩放形式 对应的是BoxFit是一个枚举contain是默认的形式,图片会在保证图片本身长宽比不变的情况下缩放以适应当前显示空间,图片不会变形。fill拉伸填充,宽高比例会发生变化,导致图片变形cover 会按图片的长宽比放大后居中填满显示空间,图片不会变形,超出显示空间部分会被剪裁。alignment图片的对其方式对应的有Alignment的常量值,比如:Alignment.bottomCenter.原创 2020-05-10 09:54:17 · 3031 阅读 · 2 评论 -
Flutter中的常使用的widget(Text文本,Button)
常使用的widget组件1.Text文本注释出经常使用的几个属性const Text( this.data, { Key key, this.style, //样式 this.strutStyle, this.textAlign, //对其方式 this.textDirection, this.locale, this....原创 2020-05-09 08:53:44 · 638 阅读 · 0 评论 -
Flutter中的widget和其生命周期
1.Widget在Flutter中所有的组成都是widget,可以成为组件或者控件Widget可以分为2类StatelessWidget:一般适用于固定界面布局StatefulWidge:t用于界面数据交互传递从Widget的源码中,我们可以发现@immutable关键字,是不可变的,所以反正extends继承的组件,实例化中的成员变成,需要使用final修饰Widget的...原创 2020-05-04 16:36:52 · 522 阅读 · 0 评论 -
Flutter从0开始的创建
Flutter项目1. Flutter项目的创建方式通过命令行创建 flutter creat jc_flutter注意:在创建的时候,不能有特殊的字符和大写字母,如果想驼峰命名就使用_2.通过编译工具创建,2.目录结构认知1.冷启动: 从零开始启动2.Hot Reload 热重载 -->主要是执行 bulid方法3.Hot Restart 热重启 --...原创 2020-05-02 10:57:02 · 237 阅读 · 0 评论 -
Flutter之Dart库的导入
Dart库的导入1. 系统的会自动(默认)导入import语句用来导入一个库,后面跟一个字符串形式的Path来指定表示要引用的库,语法如下:import 库所在的path2.导入自定义库通常是自己封装的插件库 或者 函数库比如:import '25-泛型.dart'有时为了防止,冲突需要 通过 as关键字 起别名3.导入第三方库新建一个pubspec.yam...原创 2020-05-01 18:53:58 · 1503 阅读 · 0 评论 -
Flutter基础语法Dart学习认知
2.1 基础语法介绍必须有一个main入口函数//执行dart语法必须要有一个main函数 main(List<String> args) { //在终端运行dart的时候可以参入参数 //这个参数就是通过args传递的 //终端命令 dart 名称 参数 // List<String> args 支持泛型 <String> ...原创 2020-04-15 21:24:13 · 562 阅读 · 0 评论 -
Flutter安装遇到问题
Flutter笔记1.Flutter环境的安装和配置1.下载安装flutter包由于我的电脑是MAC所以下载的是 Stable channel(macOS) 稳定版的2.解压安装包为flutter----> 把文件夹 方到自己想要安装的目录层我的目录是:/Users/jclee/flutter打开终端,配置环境变量输入命令:vim ~/.bash_profile...原创 2020-04-15 21:21:31 · 465 阅读 · 0 评论