Flutter控件学习
bergerjun
努力的小孩
展开
-
Flutter 滚动控件 ListVIew
运行效果使用http 需要导入http 库【在pubspec.yaml文件中添加】import 'package:flutter/material.dart';import 'package:http/http.dart' as http;import 'dart:convert';void main() { runApp(new MaterialApp( home: new ...原创 2018-05-07 21:18:58 · 867 阅读 · 0 评论 -
Flutte PopupMenuButton(弹出菜单) Card (卡片布局)
card 效果 new Card( elevation: 10.0, //高度 显示出立体感 立体阴影 shape: new Border.all( color: Colors.red, width: 3.0, style: BorderStyle.solid), //图形边框// margin: const EdgeInsets....原创 2018-05-07 22:05:29 · 4193 阅读 · 0 评论 -
Flutter Stack 帧布局,层叠堆放
默认情况在堆放左上角 alignment: new Alignment(0.6, 0.6), 堆放在x(宽度)*0.6 y(高度)*0.6处 import 'package:flutter/material.dart';void main() { runApp( new MaterialApp( title: 'Demo...原创 2018-05-07 22:33:47 · 10116 阅读 · 0 评论 -
Flutte SnackBar MatarialButton
效果还是很炫酷的import 'package:flutter/material.dart';void main() { runApp( new MaterialApp( title: 'Demo', home: new Scaffold( appBar: new AppBar( title: new ...原创 2018-05-07 22:44:09 · 241 阅读 · 0 评论 -
Flutter 字体使用 padding控件
运行效果 新建文件夹,将字体资源放进去 在文件中声明import 'package:flutter/material.dart';void main() { runApp( new MaterialApp( title: 'Demos', home: new Scaffold( appBar...原创 2018-05-07 22:16:55 · 3081 阅读 · 0 评论 -
Flutter 动画使用
效果预览、旋转动画 透明度变换动画 在Android中,可以通过View.animate()对视图进行动画处理,那在Flutter中怎样才能对Widget进行处理 在Flutter中,可以通过动画库给widget添加动画。在Android中,您可以通过XML创建动画或在视图上调用.animate()。在Flutter中,您可以将widget包装到Animation中。...原创 2018-05-07 23:20:16 · 2081 阅读 · 0 评论 -
FLutter 对齐控件(linearlayou)
效果预览“ 、import 'package:flutter/material.dart';void main() { runApp( new MaterialApp( title: 'align', home: new Scaffold( body: new Stack( children: <...原创 2018-05-07 23:24:45 · 1753 阅读 · 0 评论 -
Flutter 宽高比(比率)控件
void main() { runApp( new MaterialApp( title: 'Demo', home: new Scaffold( appBar: new AppBar( title: new Text('Demo'), ), body: new Center( ...原创 2018-05-07 22:52:12 · 13343 阅读 · 0 评论