Как перезапустить анимацию?

Я хотел бы реанимировать текст каждый раз, когда этот текст, иначе говоря, пользовательский текст, изменяется, или каждый раз, когда я нажимаю кнопку. Есть ли функция для того, что я мог бы вызвать с кнопки? Спасибо!

import 'package:flutter/material.dart';
import 'dart:ui';
import 'package:flutter_reactive_value/flutter_reactive_value.dart';

var customtext = ReactiveValueNotifier<String>('from clear to blurred');

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: SafeArea(
          child: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                TweenAnimationBuilder<double>(
                  tween: Tween<double>(begin: 0, end: 10),
                  duration: Duration(milliseconds: 15000),
                  builder: (_, value, __) {
                    return ImageFiltered(
                      imageFilter: ImageFilter.blur(
                        sigmaX: value,
                        sigmaY: value,
                      ),
                      child: Text('${customtext.reactiveValue(context)}',
                          style: TextStyle(fontSize: 18)),
                    );
                  },
                ),
                OutlinedButton(
                    onPressed: () {
                      customtext.value = 'again';
                    },
                    child: Text('new value', style: TextStyle(fontSize: 14))),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

Я нашел этот контроллер анимации https://api.flutter.dev/flutter/animation/AnimationController-class.html но не знаю, что добавить в vsync, а также не знаю, решит ли это мою проблему или нет.

редактировать:

Стараюсь, стараюсь... :) Теперь, когда я нажимаю кнопку, я получаю следующее: «LateInitializationError: поле '_controller@18499174' не было инициализировано. ". Мой код сейчас выглядит так:

import 'package:flutter/material.dart';
import 'dart:ui';
import 'package:flutter_reactive_value/flutter_reactive_value.dart';

var customtext = ReactiveValueNotifier<String>('from clear to blurred');

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: SafeArea(
          child: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                AnimationThingy(),
                OutlinedButton(
                    onPressed: () {
                      customtext.value = 'again';
                      _AnimationThingyState()._controller.reset();
                    },
                    child: Text('new value', style: TextStyle(fontSize: 14))),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

class AnimationThingy extends StatefulWidget {
  const AnimationThingy({super.key});

  @override
  State<StatefulWidget> createState() => _AnimationThingyState();
}

class _AnimationThingyState extends State<AnimationThingy> with SingleTickerProviderStateMixin {
  late AnimationController _controller;

  @override
  void initState() {
    super.initState();
    _controller = AnimationController(vsync: this, duration: Duration(milliseconds: 500));
  }

  @override
  Widget build(BuildContext context) {
    return TweenAnimationBuilder<double>(
      tween: Tween<double>(begin: 0, end: 8),
      duration: Duration(milliseconds: 5000),
      builder: (_, value, __) {
        return ImageFiltered(
          imageFilter: ImageFilter.blur(
            sigmaX: value,
            sigmaY: value,
          ),
          child: Text('${customtext.reactiveValue(context)}',
              style: TextStyle(fontSize: 18)),
        );
      },
    );
  }
}