随笔分类 -  flutter

学习flutter
 
expansiontile list
摘要:代码: import 'package:flutter/material.dart'; class ExpansionPaneListDemo extends StatefulWidget { @override _ExpansionPaneListDemoState createState() = 阅读全文
posted @ 2020-01-13 19:11 pp/ing 阅读(199) 评论(0) 推荐(0)
expansiontile 打开关闭楼层
摘要:代码: body: Center( child: ExpansionTile( leading: Icon(Icons.ac_unit),//左边图标 title: Text('点击打开'),//图标后面的文字 backgroundColor: Colors.orange,//打开的背景色 chil 阅读全文
posted @ 2020-01-13 18:46 pp/ing 阅读(476) 评论(0) 推荐(0)
warp 流式布局
摘要:代码: import 'package:flutter/material.dart'; class WarpDemo extends StatefulWidget { WarpDemo({Key key}) : super(key: key); @override _WarpDemoState cr 阅读全文
posted @ 2020-01-13 18:25 pp/ing 阅读(252) 评论(0) 推荐(0)
Flutter 重写导航代理
摘要:假数据 代码: const searchList = [ "aa北京-上海", "北京-海南 a", "北京-郑州 bb", "北京-cc 日本", "北京dd -韩国" ]; const defalutSuggert = [ "推荐路线 上海 - 郑州", "推荐路线 西安 - 郑州" ]; co 阅读全文
posted @ 2020-01-13 16:26 pp/ing 阅读(351) 评论(0) 推荐(0)
Flutter 导航栏上添加搜索按钮
摘要:代码: Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('搜索条'), actions: <Widget>[//导航条右方 类似rightBarItem IconButton( ico 阅读全文
posted @ 2020-01-13 14:32 pp/ing 阅读(2728) 评论(0) 推荐(0)
tabController保活
摘要:代码: import 'package:flutter/material.dart'; class MyhomePage extends StatefulWidget { MyhomePage({Key key}) : super(key: key); @override _MyhomePageSt 阅读全文
posted @ 2020-01-11 18:40 pp/ing 阅读(171) 评论(0) 推荐(0)
nav 选项卡
摘要:代码: import 'package:flutter/material.dart'; class KeepAliveDemo extends StatefulWidget { @override _KeepAliveDemoState createState() => _KeepAliveDemo 阅读全文
posted @ 2020-01-11 17:32 pp/ing 阅读(195) 评论(0) 推荐(0)
flutter 毛玻璃
摘要:代码: import 'package:flutter/material.dart'; import 'dart:ui';//过滤器组件 class MaoBaoLi extends StatelessWidget { const MaoBaoLi({Key key}) : super(key: k 阅读全文
posted @ 2020-01-11 16:50 pp/ing 阅读(351) 评论(0) 推荐(0)
多个过渡动画效果
摘要:代码: // //动画实现 // return FadeTransition( // opacity: Tween(begin: 0.0,end: 1.0)//类似于alpha 透明度效果 // .animate(CurvedAnimation( // parent: animation1,//默认 阅读全文
posted @ 2020-01-11 16:05 pp/ing 阅读(365) 评论(0) 推荐(0)
压栈过渡动画
摘要:重写过渡动画代码: import 'package:flutter/material.dart'; class CustomRoute extends PageRouteBuilder { final Widget widget; CustomRoute(this.widget)//重写构造方法 调 阅读全文
posted @ 2020-01-11 15:34 pp/ing 阅读(261) 评论(0) 推荐(0)
底部不规则导航栏2
摘要:代码1: 动态布局基础文件 import 'package:flutter/material.dart'; class EveryPage extends StatefulWidget { String _title; EveryPage(this._title); @override _Every 阅读全文
posted @ 2020-01-10 11:29 pp/ing 阅读(255) 评论(0) 推荐(0)
自定义底部导航栏-悬浮球
摘要:代码1: import 'package:flutter/material.dart'; import 'bottomAppBarDemo.dart'; void main(List<String> args) { runApp(MyApp()); } class MyApp extends Sta 阅读全文
posted @ 2020-01-09 19:17 pp/ing 阅读(630) 评论(0) 推荐(0)
底部导航栏2
摘要:代码: import 'package:flutter/material.dart'; import 'pages/ariplay_screen.dart'; import 'pages/email_screen.dart'; import 'pages/home_screen.dart'; imp 阅读全文
posted @ 2020-01-09 18:36 pp/ing 阅读(178) 评论(0) 推荐(0)
底部导航栏1
摘要:代码 import 'package:flutter/material.dart'; class BottomNavigationWidget extends StatefulWidget { _BottomNavigationWidgetState createState() => _Bottom 阅读全文
posted @ 2020-01-09 17:26 pp/ing 阅读(218) 评论(0) 推荐(0)
flutter listView2
摘要:代码: import 'package:flutter/material.dart'; void main() => runApp(MyTestApp()); class MyTestApp extends StatelessWidget{ @override Widget build(BuildC 阅读全文
posted @ 2020-01-08 17:18 pp/ing 阅读(190) 评论(0) 推荐(0)
flutter text 样式
摘要:代码: body: Center( child: Container( child: new Text('哈哈哈哈哈哈哈哈哈哈哈哈哈哈或哈哈哈哈哈哈哈',style: TextStyle(fontSize: 35)), alignment: Alignment.topLeft, width: 550 阅读全文
posted @ 2020-01-08 17:18 pp/ing 阅读(665) 评论(0) 推荐(0)
flutter ListView
摘要:代码: import 'package:flutter/material.dart'; void main() => runApp(MyTestApp()); class MyTestApp extends StatelessWidget{ Widget build(BuildContext con 阅读全文
posted @ 2020-01-08 17:18 pp/ing 阅读(225) 评论(0) 推荐(0)
flutter image样式
摘要:代码: child: Container( child: new Image.network( 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1578312966654&di=09a975b6c05a1447 阅读全文
posted @ 2020-01-08 17:18 pp/ing 阅读(515) 评论(0) 推荐(0)
nav
摘要:代码: import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( title: '导航演示', home: new FirstScreen() )); } class FirstScreen extends S 阅读全文
posted @ 2020-01-08 17:17 pp/ing 阅读(318) 评论(0) 推荐(0)
stack widget
摘要:代码 var stack = new Stack( alignment: const FractionalOffset(0.5, 0.8), children: <Widget>[ new CircleAvatar( backgroundImage: new NetworkImage('https: 阅读全文
posted @ 2020-01-08 17:17 pp/ing 阅读(352) 评论(0) 推荐(0)