Блог

Главная - Вопросы по программированию - флаттер поворачивает только один символ моего текста

флаттер поворачивает только один символ моего текста

#flutter #animation #rotation #character

#флаттер #Анимация #вращение #символ

Вопрос:

Я использую WavyAnimatedTextKit() из animated_text_kit пакета, чтобы написать слово «СЛОМАНО» на экране приветствия моего приложения.

                 Container(
                  margin: EdgeInsets.only(bottom: 60, top: 30),
                  height: 40,
                  child: WavyAnimatedTextKit(
                    isRepeatingAnimation: false,
                    text: ["BROKEN"],
                    textStyle: TextStyle(
                      fontSize: 35.0,
                      fontWeight: FontWeight.w700,
                      color: Colors.white,
                    ),
                  ),
                ),

После того, как он будет написан на экране, я хотел бы повернуть анимированную букву «K» на 180 градусов вправо.

До сих пор я не мог найти решение для поворота только одного символа. Большинство решений, которые я нашел, будут вращать только весь виджет / текст.

Есть идеи / решения для анимации вращающегося символа после того, как слово написано на экране?

Спасибо

Ответ №1:

Попробуйте разделить текст на 3 части рядом:

 Row(children:[
WavyAnimatedTextKit(
                    isRepeatingAnimation: false,
                    text: ["BRO"],
                    textStyle: TextStyle(
                      fontSize: 35.0,
                      fontWeight: FontWeight.w700,
                      color: Colors.white,
                    ),
                  ),
RotatedBox(
  quarterTurns: 2,
  child:
WavyAnimatedTextKit(
                    isRepeatingAnimation: false,
                    text: ["K"],
                    textStyle: TextStyle(
                      fontSize: 35.0,
                      fontWeight: FontWeight.w700,
                      color: Colors.white,
                    ),
                  ),
),
WavyAnimatedTextKit(
                    isRepeatingAnimation: false,
                    text: ["EN"],
                    textStyle: TextStyle(
                      fontSize: 35.0,
                      fontWeight: FontWeight.w700,
                      color: Colors.white,
                    ),
                  ),
],),
Метки: