Skip to main content

Star Polygon Button

Filled Button​

Button Image

import 'package:flutter/material.dart';
FilledButton(
  onPressed: () {},
  style: const ButtonStyle(
    fixedSize: WidgetStatePropertyAll(
      Size.square(100),
    ),
    shape: WidgetStatePropertyAll(
      StarBorder.polygon(),
    ),
  ),
  child: const Text(
    'Filled Button',
    textAlign: TextAlign.center,
    style: TextStyle(fontSize: 12),
  ),
),

Outlined Button​

Button Image

import 'package:flutter/material.dart';
OutlinedButton(
  onPressed: () {},
  style: const ButtonStyle(
    fixedSize: WidgetStatePropertyAll(
      Size.square(100),
    ),
    shape: WidgetStatePropertyAll(
      StarBorder.polygon(),
    ),
  ),
  child: const Text(
    'Outlined Button',
    textAlign: TextAlign.center,
    style: TextStyle(fontSize: 12),
  ),
),

Elevated Button​

Button Image

import 'package:flutter/material.dart';
ElevatedButton(
  onPressed: () {},
  style: const ButtonStyle(
    fixedSize: WidgetStatePropertyAll(
      Size.square(100),
    ),
    shape: WidgetStatePropertyAll(
      StarBorder.polygon(),
    ),
  ),
  child: const Text(
    'Elevated Button',
    textAlign: TextAlign.center,
    style: TextStyle(fontSize: 12),
  ),
),

Text Button​

Button Image

import 'package:flutter/material.dart';
TextButton(
  onPressed: () {},
  style: const ButtonStyle(
    fixedSize: WidgetStatePropertyAll(
      Size.square(100),
    ),
    shape: WidgetStatePropertyAll(
      StarBorder.polygon(),
    ),
  ),
  child: const Text(
    'Text Button',
    textAlign: TextAlign.center,
    style: TextStyle(fontSize: 12),
  ),
),