@davidlistonosz
Учу Flutter/Dart

Есть ли способы анимировать кнопку во Flutter с эффектом дайса?

У меня стоит кнопка ElevatedButton, при нажатии на которую меняется картинка. Сейчас там дефолтная анимация, которую я пытаюсь убрать. Пытаюсь поменять эту анимацию на эффект крутящегося кубика, чтобы при нажатии какое-то время «тасовались» все картинки, пока не остановится на одной, но нет идей, гугл не помогает.

class TrendlState extends StatefulWidget {
  const TrendlState({Key? key}) : super(key: key);

  @override
  State<TrendlState> createState() => _TrendlStateState();
}

class _TrendlStateState extends State<TrendlState> {
  int TrendlLetter = Random().nextInt(4) + 1;
  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        const Text('Press it to roll',
          style: TextStyle(
              fontSize: 30.0,
              color: Colors.white,
              fontFamily: 'Montserrat'),
        ),
        SizedBox(
          height: 20.0,
        ),
        Center(
          child: ElevatedButton( 
              child: Image.asset('images/frame$TrendlLetter.png'),
              style: ElevatedButton.styleFrom(
                splashFactory: NoSplash.splashFactory,
                shape: new RoundedRectangleBorder(
                  borderRadius: new BorderRadius.circular(60.0),
                ),
                primary: Colors.black45,
                fixedSize: const Size(
                  250,
                  250,
                ),
              ),
              onPressed: () {
                setState((){
                  TrendlLetter = Random().nextInt(4) + 1;
                });
                print('THE BUTTON WORKS'); 
              }),
        ),
  • Вопрос задан
  • 98 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы