01 2020 档案

 
flutter 状态保持之provide
摘要：代码： 1. import 'package:flutter/cupertino.dart'; class Counter with ChangeNotifier{ int num = 1; increase(){ num ++ ; notifyListeners();//加入监听者模式 } } 2 阅读全文
posted @ 2020-01-29 18:12 pp/ing 阅读(500) 评论(0) 推荐(0)
flutter 刷新和初始化
摘要：代码： import 'package:flutter/material.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:flutter_project/model/categor 阅读全文
posted @ 2020-01-29 16:14 pp/ing 阅读(2362) 评论(0) 推荐(0)
flutter 复杂数据模型 转换
摘要：json 格式网址：http://www.bejson.com json转dart工具网址：https://javiercbk.github.io/json_to_dart/ 代码： class CategoryItemModel { String mallCategoryId; String ma 阅读全文
posted @ 2020-01-28 14:14 pp/ing 阅读(1617) 评论(0) 推荐(0)
flutter 刷新组件
摘要：代码： import 'package:flutter/material.dart'; import 'package:flutter_project/service/service_method.dart'; import 'dart:convert'; import 'swiper_demo.d 阅读全文
posted @ 2020-01-27 14:39 pp/ing 阅读(1805) 评论(0) 推荐(0)
flutter wrap 流式布局
摘要：热门商品代码： import 'package:flutter/material.dart'; import 'package:flutter_project/service/service_method.dart'; import 'dart:convert'; import 'package:f 阅读全文
posted @ 2020-01-27 13:53 pp/ing 阅读(318) 评论(0) 推荐(0)
添加横纵布局 和 页面保活
摘要：推荐数据模块代码： import 'package:flutter/material.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; class Recomend extends StatelessWidget 阅读全文
posted @ 2020-01-22 18:34 pp/ing 阅读(274) 评论(0) 推荐(0)
跳转首页结构并且加载launch插件
摘要：home 代码： import 'package:flutter/material.dart'; import 'package:flutter_project/service/service_method.dart'; import 'dart:convert'; import 'swiper_d 阅读全文
posted @ 2020-01-22 11:22 pp/ing 阅读(426) 评论(0) 推荐(0)
导航区域 温故GridView 和 column
摘要：代码： import 'package:flutter/material.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; class TopNavigator extends StatelessWidget { 阅读全文
posted @ 2020-01-21 18:53 pp/ing 阅读(228) 评论(0) 推荐(0)
flutter 适配
摘要：代码： ScreenUtil.instance = ScreenUtil(width: 750,height: 1334)..init(context); print('设备像素密度：${ScreenUtil.pixelRatio}'); print('设备高度：${ScreenUtil.scree 阅读全文
posted @ 2020-01-21 17:22 pp/ing 阅读(350) 评论(0) 推荐(0)
flutter 轮播图
摘要：代码： import 'package:flutter/material.dart'; import '../service/service_method.dart'; import 'package:flutter_swiper/flutter_swiper.dart'; import 'dart 阅读全文
posted @ 2020-01-21 16:59 pp/ing 阅读(949) 评论(0) 推荐(0)
flutter 正式配置网络框架
摘要：service_url.dart 代码 const serviceUrl = 'https://wxmini.baixingliangfan.cn/baixing/'; const servicePath = { 'homePageContent' : serviceUrl + 'wxmini/ho 阅读全文
posted @ 2020-01-21 16:04 pp/ing 阅读(557) 评论(0) 推荐(0)
flutter 网络请求头
摘要：代码头： const HttpHeaders = { 'Accept': 'application/json, text/plain, */*', 'Accept-Encoding': 'gzip, deflate, br', 'Accept-Language': 'zh-CN,zh;q=0.9', 阅读全文
posted @ 2020-01-21 15:20 pp/ing 阅读(1008) 评论(0) 推荐(0)
flutter 网络
摘要：代码： import 'package:flutter/material.dart'; import 'package:dio/dio.dart'; class HomePage extends StatefulWidget { HomePage({Key key}) : super(key: ke 阅读全文
posted @ 2020-01-21 11:22 pp/ing 阅读(167) 评论(0) 推荐(0)
拖拽控件
摘要：接收器代码： import 'package:flutter/material.dart'; import 'draggable_widget.dart'; class DraggableDemo extends StatefulWidget { DraggableDemo({Key key}) : 阅读全文
posted @ 2020-01-19 19:30 pp/ing 阅读(407) 评论(0) 推荐(0)
轻量级提示
摘要：代码： return Scaffold( appBar: AppBar(title: Text('长按')), body: Center( child: Tooltip(//轻量级控件 包裹的控件 都有长按效果 child: Image.network('http://img.mp.itc.cn/u 阅读全文
posted @ 2020-01-19 17:33 pp/ing 阅读(112) 评论(0) 推荐(0)
右滑返回上一页
摘要：代码： import 'package:flutter/cupertino.dart'; class RightBackDemo extends StatelessWidget { const RightBackDemo({Key key}) : super(key: key); @override 阅读全文
posted @ 2020-01-19 17:17 pp/ing 阅读(301) 评论(0) 推荐(0)
flutter 启动图
摘要：代码： import 'package:flutter/material.dart'; import 'home_test.dart'; class SplashScreen extends StatefulWidget { SplashScreen({Key key}) : super(key: 阅读全文
posted @ 2020-01-16 17:18 pp/ing 阅读(1144) 评论(0) 推荐(0)
双曲线
摘要：代码： class BottomClipper extends CustomClipper<Path> { @override Path getClip(Size size) {//child 元素的size var path = Path(); path.lineTo(0, 0);//起始点 pa 阅读全文
posted @ 2020-01-14 19:17 pp/ing 阅读(593) 评论(0) 推荐(0)
画曲线
摘要：代码： import 'package:flutter/material.dart'; class HomePage extends StatelessWidget { const HomePage({Key key}) : super(key: key); @override Widget bui 阅读全文
posted @ 2020-01-14 18:14 pp/ing 阅读(194) 评论(0) 推荐(0)
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 阅读(477) 评论(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 阅读(254) 评论(0) 推荐(0)
Flutter 重写导航代理
摘要：假数据 代码： const searchList = [ "aa北京-上海", "北京-海南 a", "北京-郑州 bb", "北京-cc 日本", "北京dd -韩国" ]; const defalutSuggert = [ "推荐路线 上海 - 郑州", "推荐路线 西安 - 郑州" ]; co 阅读全文
posted @ 2020-01-13 16:26 pp/ing 阅读(353) 评论(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 阅读(2729) 评论(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 阅读(172) 评论(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 阅读(262) 评论(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 阅读(631) 评论(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 阅读(179) 评论(0) 推荐(0)
底部导航栏1
摘要：代码 import 'package:flutter/material.dart'; class BottomNavigationWidget extends StatefulWidget { _BottomNavigationWidgetState createState() => _Bottom 阅读全文
posted @ 2020-01-09 17:26 pp/ing 阅读(219) 评论(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 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 阅读(226) 评论(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 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)
listView 动态加载
摘要：代码： import 'package:flutter/material.dart'; void main() => runApp(MyTestApp( items:new List<String>.generate(100, (i)=>"计数 $i") )); class MyTestApp ex 阅读全文
posted @ 2020-01-08 17:17 pp/ing 阅读(220) 评论(0) 推荐(0)
gridView
摘要：代码： new GridView( gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 3, crossAxisSpacing: 2.0, mainAxisSpacing: 2.0, childAspect 阅读全文
posted @ 2020-01-08 17:17 pp/ing 阅读(120) 评论(0) 推荐(0)
Row
摘要：代码： new Row( children: <Widget>[ new RaisedButton( onPressed: (){}, color: Colors.red, child: new Text('红色按钮'), ), Expanded(child: new RaisedButton( o 阅读全文
posted @ 2020-01-08 17:17 pp/ing 阅读(227) 评论(0) 推荐(0)
column
摘要：代码： Center(child: Column( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Text('xxxxxx 阅读全文
posted @ 2020-01-08 17:17 pp/ing 阅读(261) 评论(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 阅读(353) 评论(0) 推荐(0)
card
摘要：代码： var card = new Card( child: Column( children: <Widget>[ ListTile( title: Text('算力的经发局围殴放假哦啊接违法',style: TextStyle(fontWeight: FontWeight.w500),), s 阅读全文
posted @ 2020-01-08 17:17 pp/ing 阅读(211) 评论(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)
导航参数传递
摘要：代码： import 'package:flutter/material.dart'; class Product{ final String title;//标题 final String desciption;//描述 Product(this.title,this.desciption);// 阅读全文
posted @ 2020-01-08 17:17 pp/ing 阅读(207) 评论(0) 推荐(0)
导航栏返回带的数据
摘要：代码: import 'package:flutter/material.dart'; void main(List<String> args) { runApp(MaterialApp( title: '导航返回数据', home: FirstPage(), )); } class FirstPa 阅读全文
posted @ 2020-01-08 17:16 pp/ing 阅读(215) 评论(0) 推荐(0)
导入本地图片资源文件
摘要：代码： Image.asset('images/huoying.jpg') 总结 //添加本地图片 1.创建文件夹名称XX，并把本地资源图片移到XX下 2.在pubspec.yaml 文件中把 本地资源图片名称下载assets下 ，并拼好路径 3.在图片控件中使用 也是写的文件路径 //添加本地图片 阅读全文
posted @ 2020-01-08 17:16 pp/ing 阅读(356) 评论(0) 推荐(0)
flutter 打包
摘要：转载自：https://www.jspang.com/detailed?id=44#toc221 配置APP的图标 想配置APP的图片，你需要找到下面的目录： 项目根目录/android/app/src/main/res/ 进入之后你会看到很多mipmap-为前缀命名的文件夹，后边的是像素密度，可以 阅读全文
posted @ 2020-01-08 17:16 pp/ing 阅读(1074) 评论(0) 推荐(0)
flutter Container
摘要：总结： Container — 类似于 html 的div 或者是 OC 的view alignment Container 区域范围内的所有控件的对齐方式 width Container 区域宽度 height Container 区域高度 color : colors.xxx 区域颜色 padd 阅读全文
posted @ 2020-01-06 18:05 pp/ing 阅读(159) 评论(0) 推荐(0)