joltax_inputs 0.2.3
joltax_inputs: ^0.2.3 copied to clipboard
User-friendly reusable input tools for Flutter apps
example/lib/main.dart
import 'package:flutter/material.dart';
import 'package:joltax_inputs/joltax_inputs.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData(
extensions: const [
JoltaxInputTheme(
backgroundColor: Colors.white,
borderColor: Color(0xff222222),
focusedBorderColor: Color(0xff222222),
errorBorderColor: Colors.red,
borderRadius: 8.0,
),
],
),
home: const HomePage(),
);
}
}
class HomePage extends StatelessWidget {
const HomePage({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: const Text('Joltax Inputs Example')),
body: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
children: [
JoltaxOutlinedInput(label: 'Username', keyboardType: TextInputType.text),
const SizedBox(height: 16),
JoltaxOutlinedInput(
label: 'Password',
isPassword: true,
keyboardType: TextInputType.text,
obscureToggleText: (show: 'Show', hide: 'Hide'),
),
const SizedBox(height: 16),
JoltaxPhoneInput(
initialCountry: 'TR',
countryController: TextEditingController(),
phoneController: TextEditingController(),
setCountry: (country) {},
setPhone: (phone) {},
),
],
),
),
);
}
}