Flutter
xlh1191860939
一个android小菜鸟
展开
-
Flutter和Dart系列一:工欲善其事,必先利其器
Flutter和Dart系列一:工欲善其事,必先利其器Flutter是google用以帮助移动开发者进行跨平台开发,类似已有的react native。Flutter使用的编程语言是Dart。专栏会同时记录Flutter以及Dart的学习。本篇是系列的第一篇,我们就来介绍如何搭建Flutter的开发环境。Flutter的官网:https://flutter.io/。Flutter is ...原创 2018-07-19 16:17:59 · 2180 阅读 · 0 评论 -
Flutter和Dart系列九:简单的网络请求
与其说是Flutter的网络请求,倒不如说是Dart的网络请求。实际上这块是对系列八第5点的一个复习,我们直接看代码: 在.yaml文件中添加http依赖,然后执行Packages get dependencies: flutter: sdk: flutter http: ^0.12.0+2 新建一个api.dart文件 import 'package...原创 2019-07-15 20:45:19 · 433 阅读 · 0 评论 -
Flutter和Dart系列七:Column和Row
对于线性的布局排列,Android中使用的是LinearLayout,至于是横向还是纵向,则是通过orientation属性来指定的,orientation=vertical表示纵向线性,orientation=horizontal表示横向线性。在Flutter中,将这两种线性布局分别用Column和Row来表示。 Column:orientation=vertical void ma...原创 2019-03-12 12:30:46 · 1255 阅读 · 0 评论 -
Flutter和Dart系列之八:路由
截至目前为止,我们的Widget都是在一个页面上实现的。对于一个App而言,不可能只有一个页面。那么在Flutter怎样实现页面间的跳转呢? 启动一个新的页面:Navigator.push(),类似Android中的startActivity class MyApp extends StatelessWidget { @override Widget build(BuildC...原创 2019-03-15 17:58:30 · 823 阅读 · 0 评论 -
Flutter和Dart系列五:类和对象
Dart是一门面向对象的语言。和Java一样,它有个超级父类Object,所有的类都直接或间接继承该类。 定义一个类: class Point { num x = 0, y = 1; } 编写main方法来使用这个类: void main() { var point = Point(); //创建了一个Point类型的对象,可...原创 2019-03-01 17:04:37 · 1408 阅读 · 0 评论 -
Flutter和Dart系列六:Widget(一)
我们先编写一个简单的demo: import 'package:flutter/material.dart';void main() => runApp(Center( child: Text( 'Hello, world!', textDirection: TextDirection.ltr, ),)); import: 和Java中...原创 2019-02-28 18:28:44 · 1216 阅读 · 0 评论 -
Flutter和Dart系列四:Function
Dart语言是一门真正面向对象的语言,函数也是一个对象,并且类型为Function,这点和Js是类似的。 定义Function: 返回类型 name (参数列表){} 例如: bool isAdult(int age){ return age >= 18;}void main() { print(isAdult(28)); // true}...原创 2019-02-23 18:43:29 · 4960 阅读 · 0 评论 -
Flutter和Dart系列三:视图与数据如何关联
Flutter和Dart系列三:视图与数据如何关联今天我们就从零开始写代码吧,要实现的功能很简单,就是:点击屏幕上的FAB,实现文本内容替换。 新建一个Flutter项目,将main.dart中的代码都删除,我们从头开始写。1. 导包import "package:flutter/material.dart";2. 编写主函数:void main(){ runApp...原创 2018-07-19 17:02:03 · 1266 阅读 · 0 评论 -
Flutter和Dart系列二:初识Dart语言
Flutter和Dart系列二:初识Dart语言Flutter使用的编程语言是Dart,此篇的目的就是让大家对Dart语言本身一些基本语法有所熟悉,从而更好地使用Flutter来编写应用程序。我们先看一个简单的示例:void sayHello(String name){ print(“Hello, I’m $name”);}void main(){ var nam...原创 2018-07-19 16:40:08 · 1205 阅读 · 0 评论 -
Flutter和Dart系列十:Json序列化
在前一篇我们已经可以在Flutter中同服务器进行交互了,但是那时我们是通过String来接收的,即可以拿到json格式的数据,那么怎么来解析成实体对象呢?1. 手动解析:借助于dart的内置库(dart:convert)dart:convert中有俩个top-level function:jsonDecode()、jsonEncode(),分别用来解析json和生成json。给定一段...原创 2019-08-06 10:26:51 · 1598 阅读 · 1 评论