![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Flutter
乌克丽丽丶
会当凌绝顶,一览众山小!
展开
-
Flutter 组件之 Swiper(轮播图)
flutter实现轮播图效果1.在项目目录下的pubspec.yaml添加flutter_swiper依赖,然后点击Pub getflutter_swiper: ^1.1.42.使用如下:import 'package:flutter/material.dart';import 'package:flutter_swiper/flutter_swiper.dart';class SwiperDefaultPage extends StatefulWidget { @override原创 2021-01-21 18:01:35 · 4281 阅读 · 4 评论 -
Flutter Widget 之 Expanded(填充布局)
Flutter的Expanded布局与Android布局中weight属性类似,可以设置占满剩余空间。1. Expanded构造方法:const Expanded({ Key key, int flex = 1, //占比 @required Widget child, }) : super(key: key, flex: flex, fit: FlexFit.tight, child: child);示例:import 'package:flutter/materia原创 2021-01-13 18:00:37 · 2221 阅读 · 0 评论 -
Flutter 组件之 ListView
一、 ListView默认构造方法 ListView({ //可滚动widget公共参数 Key key, Axis scrollDirection = Axis.vertical, //设置滑动方向 Axis.horizontal 水平 默认 Axis.vertical 垂直 bool reverse = false, //是否倒序显示 默认正序 false 倒序true ScrollController controller, //滑动监听原创 2020-08-19 15:38:56 · 3693 阅读 · 0 评论 -
Flutter Widget 之 Stack(层叠布局)
Flutter中的层叠布局 Stack 与Android的FrameLayout相似。子控件是相对于父布局放置的,运行子控件堆叠起来。Stack源码如下: Stack({ Key key, this.alignment = AlignmentDirectional.topStart, this.textDirection, this.fit = StackFit.loose, this.overflow = Overflow.clip, List<W原创 2020-08-14 10:37:00 · 1810 阅读 · 0 评论 -
Flutter之 文本及样式
一、Textchildren: <Widget>[ Text('Hello Flutter!', textAlign: TextAlign.left, ), Text('Hello Flutter!'*10, maxLines: 1, overflow: TextOverflow.ellipsis, ), Text('Hello原创 2020-07-20 15:40:35 · 558 阅读 · 0 评论 -
Flutter Widget生命周期
1:1. initState:当Widget第一次插入到Widget树时会被调用,对于每一个State对象,Flutter framework只会调用一次该回调,所以,通常在该回调中做一些一次性的操作,如状态初始化、订阅子树的事件通知等。不能在该回调中调用BuildContext.dependOnInheritedWidgetOfExactType(该方法用于在Widget树上获取离当前widget最近的一个父级InheritFromWidget,关于InheritedWidget我们将在后面章节介绍原创 2020-07-20 14:55:47 · 1971 阅读 · 0 评论 -
Dart之Stream
StreamStream 也是用于接收异步事件数据,和Future 不同的是,它可以接收多个异步操作的结果(成功或失败)。 也就是说,在执行异步任务时,可以通过多次触发成功或失败事件来传递结果数据或错误异常。 Stream常用于会多次读取数据的异步任务场景,如网络内容下载、文件读写等。举个例子:void main() { Stream.fromFutures([ //1s后返回结果 Future.delayed(Duration(seconds: 1), () { r原创 2020-07-09 17:03:55 · 1318 阅读 · 0 评论 -
Dart之Future
FutureDart类库有非常多的返回Future或者Stream对象的函数。 这些函数被称为异步函数:它们只会在设置好一些耗时操作之后返回,比如像 IO操作。而不是等到这个操作完成。async和await关键词支持了异步编程,允许您写出和同步代码很像的异步代码。1. Future.then使用 Future.delayed 模拟一个耗时操作,2秒后返回字符串“Hello Dart”,然后在then中接收到异步返回值,并打印出来:Future.delayed(new Duration(seco原创 2020-07-09 16:20:57 · 8884 阅读 · 0 评论 -
Flutter新建项目运行报错Could not determine the dependencies of task ‘:app:compileDebugJavaWithJavac‘.
Flutter新建项目运行报错,错误如下这个问题是Google被墙了,需要配置阿里云镜像第一步:修改android目录下的build.gradle文件中的buildscript { ext.kotlin_version = '1.3.50' repositories {// google()// jcenter() maven { url 'https://maven.aliyun.com/repository/google' }原创 2020-07-03 16:15:48 · 19299 阅读 · 9 评论 -
Flutter配置
1.下载Flutter sdk官方下载地址2. 环境变量配置1.用户变量里面配置key:FLUTTER_STORAGE_BASE_URLvalue:https://storage.flutter-io.cnkey:PUB_HOSTED_URLvalue:https://pub.flutter-io.cn2.系统环境变量里面 Path下配置 flutter bin的地址:D:\fluttersdk\flutter_windows_1.17.5-stable\flutter\bin3. 配置原创 2020-07-02 14:37:59 · 973 阅读 · 0 评论