Buscar pacotes, repositórios e categorias de apps

Repositório GitHubdalyathan/time-duration-picker

seletor de duração do tempo

Um pacote Flutter para seleção de duração de tempo

Capa do projeto seletor de duração do tempo
Estrelas
8
Forks
6
Último push (UTC)
10 de abr. de 2024
Status do projeto
Ativo

README original

Texto original em inglês. Visite o GitHub para a versão atual.

Time Duration Picker

A time picker for paired consecutive tasks. It lets you specify the icons for each of your actions and callbacks when the user rotates each icon. You can optionally give callback for the time duration, decorations for the knob, the knob background, the clock and also color for your icons. The time and duration values are not displayed by the TimeDurationPicker widget, instead they are passed to the callbacks provided.

TimeDurationPicker(
      diameter: 300,
      icon1Data: Icons.directions_car_outlined,
      icon2Data: Icons.local_gas_station_outlined,
      knobDecoration: const BoxDecoration(
        gradient: LinearGradient(
          begin: Alignment.bottomLeft,
          end: Alignment.topRight,
          colors: [
            Color.fromRGBO(204, 43, 94, 1),
            Color.fromRGBO(117, 58, 136, 1),
          ],
        ),
      ),
      clockTextStyle: const TextStyle(
          color: Colors.teal, fontWeight: FontWeight.bold),
      onIcon1RotatedCallback: (value) {
        setState(() {
          goTime = value;
        });
      },
      onIcon2RotatedCallback: (value) {
        setState(() {
          gasTime = value;
        });
      },),

TimeDurationPicker(
  diameter: 305,
  icon1Data: Icons.school,
  icon2Data: Icons.home,
  clockTextStyle: const TextStyle(
      color: Colors.white, fontWeight: FontWeight.bold),
  iconColor: Colors.black,
  knobDecoration: const BoxDecoration(
    gradient: LinearGradient(
      colors: [
        Color.fromRGBO(221, 214, 243, 1),
        Color.fromRGBO(250, 172, 168, 1),
      ],
    ),
  ),
  clockDecoration: const BoxDecoration(
    gradient: LinearGradient(
      colors: [
        Color.fromRGBO(2, 170, 176, 1),
        Color.fromRGBO(0, 205, 172, 1),
      ],
    ),
  ),
  onIcon1RotatedCallback: (value) {
    setState(() {
      schoolTime = value;
    });
  },
  onIcon2RotatedCallback: (value) {
    setState(() {
      homeTime = value;
    });
  },
  setDurationCallback: (value) {
    setState(() {
      sleepDuration = value;
    });
  },
)

Inspired by Iphone Alarm UI Design by Ghulam Rasool

Surafel Tariku GitHub avatar
Autor no GitHub

Surafel Tariku ↗

FullStack Developer

Pine Labs, eTech, Ablaze Labs, twoMatches, Cnet Software TechnologiesSite oficial ↗
LinguagensDartC++CMakeHTMLCSwiftKotlinObjective-C

Categorias

Dependências usadas

Lista de dependências 3 itens

  • flutter{"sdk":"flutter"}
  • flutter_testDesenvolvimento{"sdk":"flutter"}
  • flutter_lintsDesenvolvimento^1.0.0

Como escolher um repositório para seu projeto?

Filtre pelo caso de uso, compare a atividade e confira o projeto original antes de adotá-lo.

  1. Busque por nome, autor ou descrição e filtre por tema.
  2. Compare estrelas, forks e envios recentes. Estrelas indicam interesse, mas não garantem qualidade.
  3. Confira o README, a licença e as issues no GitHub antes de usar o projeto.

Fontes e manutenção

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗