flutter_polygon_input_border #

Getting started #

First, add flutter_polygon_input_border as a dependency in your pubspec.yaml file

dependencies:
  flutter_polygon_input_border : last version

Import the package #

import 'package:flutter_polygon_input_border/flutter_polygon_input_border.dart';

How to use #

Same usage as OutlineInputBorder

Widget build(BuildContext context) {
  final theme = Theme.of(context);
  return Scaffold(
    appBar: AppBar(
      backgroundColor: theme.colorScheme.inversePrimary,
      title: Text(widget.title),
    ),
    body: Padding(
      padding: const EdgeInsets.all(20),
      child: Column(
        children: [
          Text("Form"),
          const SizedBox(height: 20),
          Directionality(
            textDirection: TextDirection.ltr,
            child: TextField(
              decoration: InputDecoration(
                labelText: "username",
                enabledBorder: PolygonInputBorder(
                  borderRadius: BorderRadius.circular(8),
                ),
                focusedBorder: PolygonInputBorder(
                  borderSide: BorderSide(color: theme.colorScheme.primary),
                  borderRadius: BorderRadius.circular(8),
                ),
              ),
            ),
          ),
          const SizedBox(height: 20),
          Directionality(
            textDirection: TextDirection.rtl,
            child: TextField(
              decoration: InputDecoration(
                labelText: "password",
                enabledBorder: PolygonInputBorder(
                  borderRadius: BorderRadius.circular(32),
                ),
                focusedBorder: PolygonInputBorder(
                  borderSide: BorderSide(color: theme.colorScheme.primary),
                  borderRadius: BorderRadius.circular(32),
                ),
              ),
            ),
          ),
        ],
      ),
    ),
  );
}