分类: Flutter

10 篇文章

Flutter-滑动冲突处理
1. 定义NotificationListener Widget wrapWithNotify(Widget child){ return NotificationListener<ScrollNotification>( child: child, onNotification: handleNotification, ); } 2.…
Flutter-滑动单行日历组件
import 'package:flutter/material.dart'; class CalendarWidget extends StatefulWidget { // 选择器范围 DateTime startTime; DateTime endTime; // 日期文本字体大小 TextStyle? style; // 头部 周文本样式 …
Flutter-滑动柱状图
1. 调用处 import 'dart:async'; import 'package:flutter/material.dart'; import 'package:plano_flutter/helpers/router/flutter_binding.dart'; import 'package:plano_flutter/models/ev…
Flutter-去除Android滚动越界动画
1. physics方式 ClampingScrollPhysics() 强制将滚动距离限制最大可滑动 2. 自定义ScrollBehavior class NoScrollBehaviorWidget extends ScrollBehavior { @override Widget buildViewportChrome(BuildContex…
Flutter-尺寸限制类应用
1. FractionallySizedBox 通过更改width/heightFactor来实现类似滚动进度条 Row( children: [ Flexible( child: FractionallySizedBox( widthFactor: 1.0, child: Container( width: 20, height: 20, col…
Flutter-异步
1. FutureBuilder Center( child: FutureBuilder( // initialData: "加载中", // future: Future.delayed(Duration(seconds: 2), () => "123"), future: Future.delayed(Duration(seconds:…
Flutter-动画
AnimatedSwitcher> controller.drive(Tween(begin:xxx,end:xxx)) Tween(begin:xxx,end:xxx).chain(CurveTween(curve: Curves.elasticInOut)).animate(controller) CurveTween(curve: Intev…
Flutter-Tabbar指示器
使用 @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('title'.tr), bottom: HjtTabBar( tabs: const [Tab(text: "音乐"), Tab(text: "动态"), T…
Flutter-MultiChildRenderObjectWidget
一、初步使用-和SingleChildRenderObjectWidget类似 class CusRenderBox extends SingleChildRenderObjectWidget/MultiChildRenderObjectWidget 不同点: // 可以进行内部绘制 // class RenderCusRenderBox exte…
Flutter-SingleChildRenderObjectWidget
一、实现时间轴效果 // 实现时间轴效果 class CusRenderBox extends SingleChildRenderObjectWidget{ final double size; CusRenderBox({Widget child,this.size = 0}):super(child: child); @override Ren…