regex_ui

Description:

regex ui

regex_ui #
You can create powerfull validator fields with Regex UI
Features #

beautiful UI
Customizable controllers

Supported platforms #

Flutter iOS
Flutter Android
Flutter web
Flutter desktop
Flutter windows
Flutter macos
Flutter linux

Installation #
Add regex_ui: ^0.0.1 to your pubspec.yaml dependencies. And import it:
import 'package:regex_ui/regex_ui.dart';
copied to clipboard
How to use #
Simply create a AwesomeStepper widget, and pass the required params and List of AwesomeStepperItem:
import 'package:flutter/material.dart';
import 'package:regex_ui/models/regex_model.dart';
import 'package:regex_ui/regex_ui.dart';

class MyHome extends StatefulWidget {
const MyHome({Key? key}) : super(key: key);

@override
State<MyHome> createState() => _MyHomeState();
}

class _MyHomeState extends State<MyHome> {
late final TextEditingController textEditingController,
textEditingController2;
late final FocusNode focusNode, focusNode2;

@override
void initState() {
textEditingController = TextEditingController();
textEditingController2 = TextEditingController();
focusNode = FocusNode();
focusNode2 = FocusNode();
super.initState();
}

@override
void dispose() {
textEditingController.dispose();
textEditingController2.dispose();
focusNode.dispose();
focusNode2.dispose();
super.dispose();
}

@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
alignment: Alignment.center,
padding: const EdgeInsets.all(10),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
TextField(
controller: textEditingController2,
focusNode: focusNode2,
decoration: const InputDecoration(border: OutlineInputBorder()),
),
RegexUI(
textColorFalse: Colors.red,
textColorTrue: Colors.blue,
iconColorTrue: Colors.blue,
margin: const EdgeInsets.all(10),
padding: const EdgeInsets.all(10),
validate: (isValid) {
debugPrint('isValid $isValid');
},
boxDecoration: BoxDecoration(
color: Colors.green, borderRadius: BorderRadius.circular(10)),
controller: textEditingController2,
focusNode: focusNode2,
regexList: [
RegexModel(
iconFalse: Icons.delete,
title: 'Password must be at least 10 character',
regExp: RegExp(r'^.{10,50}$'),
),
RegexModel(
title: 'add one number',
regExp: RegExp(r'^(?=.*\d)|(?=.*[^\w\s]).{1,}$')),
RegexModel(
textColorTrue: Colors.black,
title: 'add one letter',
regExp: RegExp(r'^(?=.*[\D]).{1,}$')),
],
),
],
),
),
);
}
}
copied to clipboard
Screen Shots #