Блог

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

Попытка построить круглый круг с эффектом свечения во флаттере

#flutter #user-interface

Вопрос:

Круглый бар со свечением Я пытаюсь создать пользовательский круг в трепете с неоновым свечением, но, похоже, не могу сделать это правильно.

Это не должно быть чем-то необычным, но было бы здорово, если бы я мог оживить свечение, чтобы оно пульсировало, но мне нужен текст посередине, который я должен правильно понять. Я попробовал SFRadialGuage, но безуспешно.

Несколько советов о том, как сделать это правильно, было бы здорово!

Комментарии:

1. Где твой код?

2. Извините, новичок, я не думал, что это необходимо, я нахожусь между попыткой создать свою собственную округлую коробку и пакетом SFRadiulGauge, просто дайте мне 10 минут и я изменю вопрос.

Ответ №1:

Вы можете использовать пакет Avatar glow https://pub.dev/packages/avatar_glow

 AvatarGlow(
                  glowColor: Color(0xff39FF14),    //Neon Color
                  endRadius: 130.0,

                  duration: Duration(milliseconds: 3000),
                  repeat: true,
                  showTwoGlows: true,
                  repeatPauseDuration: Duration(milliseconds: 100),

                  child: CircleAvatar(
                    radius: 80,
                    backgroundColor: Colors.white,
                    child: Image(image: AssetImage("your image path"),
                        width: 140,
                        height: 140),
                  ),
                ),
Метки: