Flutter
Lance.y
这个作者很懒,什么都没留下…
展开
-
Flutter学习一:最简单的Flutter应用
import 'package:flutter/material.dart';void main() { //顶层容器,相当于rootview runApp( //Center为容器,展示控件为Text 需要添加TextDirection new Center( child: new Text( "Flutter", tex...原创 2018-07-30 00:18:51 · 377 阅读 · 0 评论 -
Flutter学习七:TextField练习
TextField相当于Android中的EditText代码如下:import 'package:flutter/material.dart';void main() { runApp(new SampleApp());}class SampleApp extends StatelessWidget { // This widget is the root of yo...原创 2018-08-02 22:43:00 · 3284 阅读 · 1 评论 -
Flutter学习六:GestureDetector练习
在Android中所有View都可以设置OnClick事件,但是在Flutter中除开少数自带Press事件的widget,大部分控件都是不带事件的,如果需要添加事件,就可以用GestureDetector作为父widget包裹需要添加事件的widgetimport 'package:flutter/material.dart';void main() { runApp(new Sa...原创 2018-08-02 22:23:46 · 1793 阅读 · 0 评论 -
Flutter学习五:ListView&ScrollView练习
在Flutter中的ListView可以替代android中的ScrollView和Listview代码注释如下:import 'package:flutter/material.dart';void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget b...原创 2018-08-01 23:35:20 · 4762 阅读 · 0 评论 -
Flutter学习四:GridView练习
GridView有两种创建方式:1.通过最大宽度2.通过单行展示个数import 'package:flutter/material.dart';void main() { //debugPaintSizeEnabled = true; runApp(MyApp());}class MyApp extends StatelessWidget { @override ...原创 2018-07-31 21:42:19 · 3020 阅读 · 0 评论 -
Flutter学习三:静态页面练习(Row&Column)
在Flutter中文网中的练习图如下:上代码main.dart:import 'package:flutter/material.dart';void main() { //debugPaintSizeEnabled = true; runApp(MyApp());}class MyApp extends StatelessWidget { @overrid...原创 2018-07-31 21:14:32 · 850 阅读 · 0 评论 -
Flutter学习二:最简单的Material Flutter应用
import 'package:flutter/material.dart';void main() { //顶层容器,相当于rootview runApp(new MaterialApp( //标题 title: "Flutter Application", //主题 theme: new ThemeData(primaryColor: Colors...原创 2018-07-30 20:41:52 · 405 阅读 · 0 评论 -
Flutter学习九:Http练习
发送请求-->读取body中的数据-->解析完成-->设置状态1.pubspec.yaml中添加依赖dependencies: http: 0.11.3+162.代码如下:import 'dart:convert';import 'package:flutter/material.dart';//引入httpimport 'package:http...原创 2018-08-03 21:44:46 · 311 阅读 · 0 评论 -
Flutter学习八:Navigator页面跳转练习
在Flutter中页面跳转使用的是Navigator和RactNative思想一样代码如下import 'package:flutter/material.dart';import 'package:meta/meta.dart';/** * 跳转到新页面并返回 */void main() { //application runApp(new MaterialApp( ...原创 2018-08-03 21:19:32 · 4172 阅读 · 0 评论 -
Flutter Widget整理
Flutter Widget整理摘抄了flutter中文网的控件,方便自己查询使用1.基础widget文本/字体样式TexttextAlign:文本的对齐方式;maxLines、overflow:指定文本显示的最大行数;textScaleFactor:代表文本相对于当前字体大小的缩放因子;TextStyleheight:该属性用于指定行高,具体的行高等于fontSize*h...原创 2018-12-11 22:22:18 · 734 阅读 · 0 评论