Flutter Animation Progress Bar

Флаттер анимация анимации

Этот красочный пакет виджетов Flutter направлен на то, чтобы показать панель прогресса анимации в реактивном стиле. Он также поддерживает как вертикальную, так и горизонтальную батонку.

Флаттер создать конкурс

Этот пакет также является подчинением для разменения конкурса. Основное правило этого конкурса состоит в том, чтобы измерить общий размер файла DART меньше или равным 5 КБ.

После рассеяния сжатого файла запустите следующую команду для обновления зависимостей:

 flutter packages get

Чтобы оценить общий размер всех файлов DART:

 find . -name "*.dart" ! -name "*test*"  | xargs cat | wc -c

Чтобы оценить только код DART пакета:

 find . -name "*.dart" ! -name "*test*" ! -path "*example*"  | xargs cat | wc -c

Чтобы запустить простое пример примера с общим размером кода DART меньше или равным 5 КБ:

 cd example
flutter clean
flutter run

Приложение Hot Restart с "R", чтобы воспроизвести анимацию

Чтобы запустить полное пример приложения:

 cd example
mv lib/main.dart tmp && mv lib/main.dart.bk lib/main.dart && mv tmp lib/main.dart.bk
flutter clean
flutter run

Использование встроенных кнопок действий поплавкового действия, чтобы изменить значение и увидеть эффект

Начиная

Чтобы использовать этот пакет, сделайте импорт

 import 'package:flutter_animation_progress_bar/flutter_animation_progress_bar.dart' ;

Базовая реализация может быть сделана, как код ниже:

 import 'package:flutter/widgets.dart' ;
import 'package:flutter_animation_progress_bar/flutter_animation_progress_bar.dart' ;

void main () {
  runApp (
    Center (
        child : FAProgressBar (
      currentValue : 80 ,
      displayText : '%' ,
    )),
  );
}

Пример приложения

Вы можете найти больше примеров из примера приложения

API

В этой таблице вы можете найти все атрибуты, предоставленные этим пакетом:

Атрибут	Значение по умолчанию	Описание
CurrentValue	0	Установите текущее значение для панели прогресса. Это значение должно быть в состоянии состояния , так что всякий раз, когда был вызван SetState () , строка прогресса вызовет анимацию от последнего CurrentValue до New CurrentValue
MAXVALUE	100	Максимальное значение будет отображаться в качестве панели прогресса. Точное значение может быть больше, чем максимальное значение
размер	30	Высота стержня, если направление в оси. Горизонтальные. Ширина стержня, если направление в оси. Вертикальная
анимация	постоянная продолжительность (миллисекунд: 300)	Установите продолжительность для цикла анимации
направление	Axis.horizontal	Берег может быть в оси. Горизонтальные или оси. Вертитическое направление
Вертикальное направление	VerticalDirection.Down	С вертикальным направлением, стержень может быть VerticalDiverection.Up или VerticalDiverection. Down Direction
Borderradius	8	Установить радиус границы
граница	null	Установите стиль границы бар на Boxborder
фоновая кожура	Const Color (0x00ffffff)	Установите цвет фона стержня
ProgressColor	Const Color (0xfffa7268)	Установите цвет прогрессирования
ProgressGradient	null	Установите градиент прогресса. Переопределяет progressColor
ChangeColorValue	null	Установите значение, которое должен быть изменен цвет прогресса на [0 --- Синий ---- [ 70 ] -ed-100]
Изменение progresscolor	Const Color (0xff5f4b8b)	Цвет, который будет изменен, будет изменен, когда CurrentValue больше, чем ChangeColorValue
DisplayText	null	Текст для отображения принадлежности с CurrentValue. Примеры: % -> 20% °F -> 80°F
DisplayTextStyle	...	TextStyle of DisplayText

Объекты

 class FAProgressBar {

  final double currentValue;
  final double maxValue;
  final double size;
  final Duration animatedDuration;
  final Axis direction;
  final VerticalDirection verticalDirection;
  final double borderRadius;
  final BoxBorder border;
  final Color backgroundColor;
  final Color progressColor;
  final Gradient progressGradient;
  final int changeColorValue;
  final Color changeProgressColor;
  final String displayText;
  final TextStyle displayTextStyle;
}

Обратная связь

Не стесняйтесь оставить какие -либо отзывы, чтобы помочь поддержать этот пакет?