Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Detalhes do pacotev0.3.0

custom_rounded_rectangle_border

Um pacote simples para desenhar bordas de formas personalizadas com controle total sobre como você deseja renderizar os lados.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
7,1 mil
Curtidas
23
Pontos Pub
150

Instalar pacote

flutter pub add custom_rounded_rectangle_border

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Um pacote Flutter que permite aos desenvolvedores criar bordas personalizadas com controle preciso sobre o renderização de cada lado. Ele amplia a funcionalidade das bordas padrão em retângulo arredondado, permitindo personalização individual dos raios dos cantos, largura da borda e estilo de traço por lado. Ideal para projetar elementos de interface únicos com efeitos de borda assimétricos ou personalizados. O pacote se integra perfeitamente ao sistema de decoração do Flutter e é compatível com todas as principais plataformas.

Casos de uso

  • Criando designs de borda assimétrica
  • Personalizando raios de cantos individuais
  • Projetando elementos únicos de quadro de interface do usuário
  • Construindo contêineres decorativos responsivos
  • Implementando efeitos de borda animada
  • Melhorando a hierarquia visual com bordas estilizadas

Principais recursos

  • Personalização de borda por lado
  • Controle flexível do raio de borda
  • Suporte para todas as plataformas do Flutter
  • Integração fácil com BoxDecoration
  • Extensível para estilos avançados
  • Consistência entre plataformas

Indicado para

  • Designers de UI procurando opções criativas de borda
  • Desenvolvedores construindo widgets personalizados
  • Aplicativos que exigem limites visuais únicos
  • Projetos com alta fidelidade de design
  • Equipes usando o Flutter para aplicativos multiplataforma
  • Prototipagem de componentes de interface interativa

Considerações

  • Requer conhecimento do sistema de pintura do Flutter
  • Pode aumentar a complexidade para layouts simples
  • Impacto no desempenho com uso intenso em listas
  • Documentação limitada além do uso básico
  • Não adequado para alterações dinâmicas de borda em tempo de execução sem reconstruções
  • Melhor usado com árvores de widgets otimizadas

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

Custom rounded rectangle border

A simple package for drawing custom shape borders with full control on how you want the sides to be rendered.

It simply addresses an open Flutter issue where an error is thrown when you try to set a borderRadius and border at the same time, see open issue below: Support non-uniform Borders with a non-zero borderRadius

Sample Usage

Container(
    decoration: ShapeDecoration(
    shape: CustomRoundedRectangleBorder(
      borderRadius: BorderRadius.only(
          bottomLeft: 5.0,
          bottomRight: 5.0),
      leftSide: BorderSide(
          color: Colors.black),
      bottomLeftCornerSide: BorderSide(
          color: Colors.black),
      rightSide: BorderSide(
          color: Colors.black),
      bottomRightCornerSide: BorderSide(
          color: Colors.black),
      bottomSide: BorderSide(
          color: Colors.black),
    ),
),)

Flutter

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Categorias

Recorte e Decoração

Repositório-fonte

Projetos que usam este pacote

Ainda não há dados.