Initial commit
This commit is contained in:
@@ -0,0 +1,72 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class TypingDots extends StatefulWidget {
|
||||
const TypingDots({super.key, this.size = 6, this.color, this.spacing = 4});
|
||||
|
||||
final double size;
|
||||
final double spacing;
|
||||
final Color? color;
|
||||
|
||||
@override
|
||||
State<TypingDots> createState() => _TypingDotsState();
|
||||
}
|
||||
|
||||
class _TypingDotsState extends State<TypingDots>
|
||||
with SingleTickerProviderStateMixin {
|
||||
late final AnimationController _controller;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_controller = AnimationController(
|
||||
vsync: this,
|
||||
duration: const Duration(milliseconds: 1200),
|
||||
)..repeat();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_controller.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
double _opacity(double t, double offset) {
|
||||
final phase = (t + offset) % 1.0;
|
||||
final distance = (phase - 0.5).abs();
|
||||
final ramp = 1.0 - (distance / 0.5);
|
||||
return 0.3 + 0.7 * ramp.clamp(0.0, 1.0);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final color =
|
||||
widget.color ?? Theme.of(context).colorScheme.onSurfaceVariant;
|
||||
return AnimatedBuilder(
|
||||
animation: _controller,
|
||||
builder: (context, child) {
|
||||
final t = _controller.value;
|
||||
return Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
_dot(color, _opacity(t, 0.0)),
|
||||
SizedBox(width: widget.spacing),
|
||||
_dot(color, _opacity(t, 0.2)),
|
||||
SizedBox(width: widget.spacing),
|
||||
_dot(color, _opacity(t, 0.4)),
|
||||
],
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
Widget _dot(Color color, double opacity) {
|
||||
return Opacity(
|
||||
opacity: opacity,
|
||||
child: Container(
|
||||
width: widget.size,
|
||||
height: widget.size,
|
||||
decoration: BoxDecoration(color: color, shape: BoxShape.circle),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user