dart&flutter
晓果博客
You’ll never realize how strong you are until you have no other choice but to be strong<br>你永远都不会知道自己到底有多坚强,直到有一天你除了坚强别无选择。
展开
-
dart&Flutter开发环境配置及创建项目
dart开发web比不上js,开发后台比不上java,php等,所以这里安装dart以安装Flutter为例,安装Flutter后包含dart环境~!通用部分安装 Node下载地址:https://nodejs.org/en/安装 JDK8.x下载地址:https://www.oracle.com/technetwork/java/javase/downloads/jdk8-...原创 2018-12-06 11:29:38 · 1066 阅读 · 0 评论 -
dart语言学习(十四)— 方法定义&方法特性
方法定义返回类型 方法名(参数1,参数2,...){ 方法体... return 返回值}void main(List<String> args) { String person= getPerson("huangxiaoguo", 25); print(person);}String getPerson(String name,int age)...原创 2018-12-15 15:21:43 · 769 阅读 · 0 评论 -
dart语言学习(十五)— 可选参数
含义可选命名参数:{param1,param2,…}可选位置参数:{param1,param2,…}如果存在具体参数,可选参数声明,必须在参数后面案例void main(List&amp;lt;String&amp;gt; args) { printPerson(&quot;张三&quot;); printPerson(&quot;张三&quot;, age原创 2018-12-15 15:23:35 · 1950 阅读 · 0 评论 -
dart语言学习(十六)— 默认参数值
含义使用 = 在可选参数值指定默认值默认值只能是编译时常量案例void main(List&lt;String&gt; args) { printPerson("张三"); printPerson("张三", age: 28); printPerson("张三", age: 28, gender: &原创 2018-12-15 15:27:31 · 9543 阅读 · 0 评论 -
dart语言学习(十七)— 方法对象
含义方法可作为对象赋值给其他变量方法可作为参数传递给其他方法void main(List<String> args) { var func = printHello; Function func1 = printHello; func(); func1(); var list = [1, 2, 3, 4]; list.forEach(print...原创 2018-12-15 15:30:07 · 594 阅读 · 0 评论 -
dart语言学习(十八)— 匿名方法
定义(参数1,参数2,....){ 方法体... return 返回值 }可赋值给变量,通过变量进行调用可在其他方法中直接调用或传递给其他方法void main(List<String> args) { var func = () { print("Hello"); }; func(); var func1 = (str) {...原创 2018-12-15 15:33:06 · 1345 阅读 · 0 评论 -
dart语言学习(十九)— 闭包
含义闭包是一个方法(对象)闭包定义在其他方法内部闭包能够访问外部方法内的局部变量,并持有其状态案例void main(List<String> args) { var func = a(); for (var i = 0; i < 5; i++) { func(); } print("-------------------------...原创 2018-12-15 16:01:41 · 2618 阅读 · 0 评论 -
【flutter 溢出BUG】right overflowed by 14 pixels
在flutter项目中由于你的页面布局可能因为内容的原因会超过手机屏幕,这时就会在页面上出现right overflowed by 14 pixels,意思是超出了页面右边14像素,那么该怎么解决呢?效果:原代码如下:return new Container( height: 200, color: Colors.white, child: new ...原创 2018-12-29 10:49:01 · 8768 阅读 · 0 评论 -
Flutter:解决首页跳转子页面子页面依然显示BottomNavigationBar问题
刚开始接触flutter时,由于对Flutter的不熟悉,经常出现一些莫名其妙的问题,首页跳转子页面子页面依然显示BottomNavigationBar问题就是其中之一。先来看看效果图会发现跳入子页面后BottomNavigationBar依然显示,学过Flutter的同学基本都知道Flutter跳转使用的是: Navigator.of(context).push(new Mate...原创 2019-01-03 17:59:15 · 6675 阅读 · 4 评论 -
Flutter点击事件和页面传值
点击事件在flutter开发中,点击事件必须在布局外面包裹InkWell,借助InkWell来进行传值,核心代码如下: //如果要点击,外面必须包裹一层InkWell new InkWell( onTap: () { Navigator.of(context).push(new MaterialPageRout...原创 2018-12-29 17:16:30 · 6965 阅读 · 1 评论 -
Flutter 图片如何充满父布局
正常我们需要显示一张图片,会用到Image这个控件。打个比方,我们加载一张本地的图片,先看一下这个Image.asset的源码:Image.asset(String name, { Key key, AssetBundle bundle, double scale, this.width, this.height, this.color, ...转载 2019-01-04 13:50:09 · 15188 阅读 · 2 评论 -
Flutter如何实现下拉刷新和上拉加载更多
效果下拉刷新如果实现下拉刷新,必须借助RefreshIndicator,在listview外面包裹一层RefreshIndicator,然后在RefreshIndicator里面实现onRefresh方法。body: movieList.length == 0 ? new Center(child: new CircularProgressIndicator()...原创 2019-01-02 11:12:16 · 15113 阅读 · 3 评论 -
dart语言学习(十三)— 控制流语句
条件语句if 语句if…else if语句if…else if…else语句void main(List<String> args) { int score = 60; if (score > 90) { print("优秀"); } else if (score > 60) { print("良好"); } else if ...原创 2018-12-15 15:09:30 · 282 阅读 · 0 评论 -
dart语言学习(十二)— 条件表达式
表达式三目表达式:condition? expr1:expr2??运算符:expr1:expr2案例void main(List<String> args) { int gender = 1; String str = gender == 0 ? "Male" : "Frmale=$gender"; print(str); String a; ...原创 2018-12-15 15:02:21 · 1867 阅读 · 0 评论 -
dart语言学习(一)— HelloWorld
vscode中创建hello_word.dart//Main程序入口void main() { //打印 print(&amp;quot;Hello World&amp;quot;);}在dart文件上右键——&amp;amp;gt;Start Without Debugging控制台输出原创 2018-12-06 11:54:58 · 828 阅读 · 1 评论 -
dart语言学习(二)— 变量与常量
含义变量 1.使用var声明变量,可赋予不同类型的值 2.未初始化时,默认值为null 3.使用final声明一个只能赋值一次的变量常量 1.使用const声明常量 2.使用const声明的必须是编译期常量,不能再次被赋值案例:void main() { /** * 变量 */ var a; print(a); ...原创 2018-12-14 14:59:24 · 1141 阅读 · 0 评论 -
dart语言学习(三)— 数值型
数值型(Number):num数值型类型 整型:int ,浮点型:double abstract class int extends num {...} abstract class double extends num {...}例子: void main() { num a=10; a=12.5; int b=20; do...原创 2018-12-14 15:10:11 · 901 阅读 · 0 评论 -
dart语言学习(四)— 字符串&布尔型
字符串字符串类型 使用单引号,双引号创建字符串 使用三个引号或双引号创建多行字符串 使用r创建原始raw字符串void main() { String str1 = "Hello"; //或'' String str2 = '''Hello Dart'''; print(str2); String str3...原创 2018-12-14 15:12:42 · 2328 阅读 · 0 评论 -
dart语言学习(五)— List列表
List(数组)创建创建List:var list=[1,2,3];创建不可变的List:var list=const[1,2,3];构造创建:var list =new List();常用操作:[],length;add(),insert();remove(),clear();indexOf(),lastIndexOf(); sort(),sublist();shuf...原创 2018-12-14 15:16:05 · 1841 阅读 · 0 评论 -
dart语言学习(六)— Map
创建Map:var language={“first”:“Dart”,“two”:“java”};创建不可变Map:var language=const{“first”:“Dart”,“two”:“java”};构造创建:var language=new Map();常用操作:[],length;isEmpty(),isNotEmpty();keys,values;containsKey(...原创 2018-12-14 15:18:27 · 1079 阅读 · 0 评论 -
dart语言学习(七)— dynamic动态类型
一般在使用泛型时使用void main() { var a; a = 10; a = "Dart"; dynamic b = 20; b = "huangxiaoguo"; var list = new List<dynamic>(); list.add("1"); list.add("value"); list.add(true); pr...原创 2018-12-14 15:20:35 · 4509 阅读 · 1 评论 -
dart语言学习(八)— 算术运算符
运算符加减乘除:+、-、*、/、~/、%递增递减:++var、var–、--var、var–案例void main(List<String> args) { int a = 92; int b = 3; print("a + b=${a + b}"); print("a - b=${a - b}"); print("a * b=${a * b}"...原创 2018-12-14 15:23:40 · 722 阅读 · 0 评论 -
dart语言学习(九)— 关系运算符
运算符运算符:==、!=、>、<、>=、<=判断内容是否相同使用 ==案例void main(List<String> args) { int a = 5; int b = 9; print("a==b =${a == b}"); print("a!=b =${a != b}"); print("a>b =${a &原创 2018-12-14 15:25:24 · 237 阅读 · 0 评论 -
dart语言学习(十)— 逻辑运算符
运算符运算符:!、&&、||针对布尔类型运算案例void main(List<String> args) { bool isTrue = true; print("!isTrue = ${!isTrue}"); bool isFalse = false; print("isTrue && isFalse =${isT...原创 2018-12-14 15:27:16 · 563 阅读 · 0 评论 -
dart语言学习(十一)— 赋值运算符
运算符运算符:= 、??=复合运算符:+=、-=、*=、/=、%=、~/=案例void main(List<String> args) { int a = 11; int b, c = 5; b ??= 10; c ??= 10; //??=表示如果本身为空的时候进行赋值,如果不为空就不会再进行赋值 print("b=$b,c=$c")...原创 2018-12-14 15:28:29 · 1033 阅读 · 0 评论 -
Flutter 圆形/圆角头像
圆形头像① ClipOvalnew ClipOval( child: new Image.asset(Utils.getImgPath('ali_connors')), )② CircleAvatarnew CircleAvatar( radius: 36.0, backgroundImage: AssetImage( Utils.getImg...转载 2019-01-03 11:01:45 · 3440 阅读 · 0 评论