Closed yujunxue closed 10 months ago
bezier-circle 这个style中的圆圈我想修改为图片,请问我该如何实现这种操作 我点进代码中查看,没有找到可以替换图片的,只有两个color 这是你们的代码 麻烦为我讲解一下
/// Bezier circle footer. /// https://dribbble.com/shots/1797373-Pull-Down-To-Refresh class BezierCircleHeader extends Header { final Key? key;
/// Foreground color. final Color? foregroundColor;
/// Background color. final Color? backgroundColor;
const BezierCircleHeader({ this.key, double triggerOffset = 100, bool clamping = false, IndicatorPosition position = IndicatorPosition.above, physics.SpringDescription? spring, SpringBuilder readySpringBuilder = kBezierSpringBuilder, bool springRebound = false, FrictionFactor frictionFactor = kBezierFrictionFactor, bool safeArea = true, double? infiniteOffset, bool? hitOver, bool? infiniteHitOver, bool hapticFeedback = false, this.foregroundColor, this.backgroundColor, }) : super( triggerOffset: triggerOffset, clamping: clamping, processedDuration: kBezierCircleDisappearDuration, spring: spring, readySpringBuilder: readySpringBuilder, springRebound: springRebound, frictionFactor: frictionFactor, safeArea: safeArea, infiniteOffset: infiniteOffset, hitOver: hitOver, infiniteHitOver: infiniteHitOver, position: position, hapticFeedback: hapticFeedback, );
@override Widget build(BuildContext context, IndicatorState state) { assert(state.axis == Axis.vertical, 'BezierCircleHeader does not support horizontal scrolling.'); assert(!state.reverse, 'BezierCircleHeader does not support reverse.'); return _BezierCircleIndicator( key: key, state: state, foregroundColor: foregroundColor, backgroundColor: backgroundColor, ); } }
圆圈是绘制的没法修改成图片 你可以自行修改绘制代码。如果是修改旋转的进度,替换CircularProgressIndicator即可。另外我不是老师,这里只回复你使用这个库时发现的问题(bug)
bezier-circle 这个style中的圆圈我想修改为图片,请问我该如何实现这种操作 我点进代码中查看,没有找到可以替换图片的,只有两个color 这是你们的代码 麻烦为我讲解一下
/// Bezier circle footer. /// https://dribbble.com/shots/1797373-Pull-Down-To-Refresh class BezierCircleHeader extends Header { final Key? key;
/// Foreground color. final Color? foregroundColor;
/// Background color. final Color? backgroundColor;
const BezierCircleHeader({ this.key, double triggerOffset = 100, bool clamping = false, IndicatorPosition position = IndicatorPosition.above, physics.SpringDescription? spring, SpringBuilder readySpringBuilder = kBezierSpringBuilder, bool springRebound = false, FrictionFactor frictionFactor = kBezierFrictionFactor, bool safeArea = true, double? infiniteOffset, bool? hitOver, bool? infiniteHitOver, bool hapticFeedback = false, this.foregroundColor, this.backgroundColor, }) : super( triggerOffset: triggerOffset, clamping: clamping, processedDuration: kBezierCircleDisappearDuration, spring: spring, readySpringBuilder: readySpringBuilder, springRebound: springRebound, frictionFactor: frictionFactor, safeArea: safeArea, infiniteOffset: infiniteOffset, hitOver: hitOver, infiniteHitOver: infiniteHitOver, position: position, hapticFeedback: hapticFeedback, );
@override Widget build(BuildContext context, IndicatorState state) { assert(state.axis == Axis.vertical, 'BezierCircleHeader does not support horizontal scrolling.'); assert(!state.reverse, 'BezierCircleHeader does not support reverse.'); return _BezierCircleIndicator( key: key, state: state, foregroundColor: foregroundColor, backgroundColor: backgroundColor, ); } }