polygon_clipper

Visão geral do pacote

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

Um plugin do Flutter que permite que widgets sejam recortados em formas poligonais personalizadas. Ele permite que desenvolvedores transformem qualquer widget em uma forma poligonal, oferecendo possibilidades criativas de design. O pacote é simples de usar e funciona perfeitamente com qualquer tipo de widget, tornando-o ideal para layouts de UI únicos e efeitos visuais. Suporta ajustes dinâmicos de forma e integra-se suavemente ao pipeline de renderização do Flutter.

Casos de uso

Criando elementos de interface personalizados
Designando botões poligonais interativos
Criando layouts de cartão visualmente distintos
Implementando animações geométricas
Melhorando a identidade da marca do aplicativo com formas únicas

Principais recursos

Suporta qualquer widget como entrada
Personalização de forma poligonal dinâmica
Integração simples da API
Funciona em todas as plataformas do Flutter
Desempenho de renderização eficiente

Indicado para

Designers de UI procurando layouts criativos
Desenvolvedores criando jogos ou aplicativos interativos
Aplicativos que exigem identidade visual distinta
Prototipagem de interfaces experimentais
Projetos com temas de design geométrico

Considerações

Pode afetar o desempenho com polígonos complexos
Requer manipulação cuidadosa dos limites de recorte
Não otimizado para polígonos muito grandes ou animados
Documentação limitada além do uso básico
Mais adequado para mudanças estáticas ou de baixa frequência na forma

README original

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

flutter_polygon

A Flutter plugin to create views using regular polygon shapes (e.g. Pentagons and Hexagons).

Based on the polygon_clipper package by leonardocaldas.

Installation

Add this to your package's pubspec.yaml file:

dependencies:
  flutter_polygon: ^0.2.0

Usage

Clipping

Use the ClipPolygon widget to clip a child widget.

import 'package:flutter_polygon/flutter_polygon.dart';

ClipPolygon(  
 sides: 6, 
 borderRadius: 5.0,     // Defaults to 0.0 degrees
 rotate: 90.0,          // Defaults to 0.0 degrees
 boxShadows: [  
  PolygonBoxShadow(color: Colors.black, elevation: 1.0),
  PolygonBoxShadow(color: Colors.grey, elevation: 5.0)
 ],
 child: Container(color: Colors.black),
);

Borders

Use the PolygonBorder shape with your favorites widgets!

import 'package:flutter_polygon/flutter_polygon.dart';

FloatingActionButton(
  shape: PolygonBorder(
    sides: 6,
    borderRadius: 5.0,                                      // Defaults to 0.0 degrees
    rotate: 30.0,                                           // Defaults to 0.0 degrees
    border: BorderSide(color: Colors.red, width: 2.0),      // Defaults to BorderSide.none
  ),
  onPressed: () {},
  child: Icon(Icons.star),
),

Other widgets:

TextButton, ElevatedButton, ...
Container
Chip
...

Contributing

If you find an issue with this package, please open an issue on github.

If you wish to contribute to this project, I encourage you to open a pull request.

Credit

Based on the polygon_clipper package by leonardocaldas.

Buscar pacotes, repositórios e categorias de apps

Instalar pacote