material_neumorphic_textfield

Description:

material neumorphic textfield

Material Neumorphic TextField #
Part of Material Neumorphic widgets suit.
Usage #
A Neumorphic TextField
Add properties than origin TextField:
final NeumorphicStyle? neumorphicStyle;
final EdgeInsets? margin;
final EdgeInsets? padding;
final Color? color;
final double? depth;
final BorderRadius borderRadius;
copied to clipboard
Example:
build(context) {
return Column(
children: [
NeumorphicTextField(
margin: const EdgeInsets.symmetric(vertical: 12),
borderRadius:
const BorderRadius.all(Radius.circular(12.0)),
depth: -4,
initialValue: name,
decoration: const InputDecoration(
labelText: 'Name',
contentPadding:
EdgeInsets.symmetric(horizontal: 12, vertical: 8),
),
onChanged: (value) {
setState(() {
name = value;
});
},
),
NeumorphicTextFormField(
margin: const EdgeInsets.symmetric(vertical: 12),
borderRadius:
const BorderRadius.all(Radius.circular(12.0)),
depth: -4,
initialValue: name,
decoration: const InputDecoration(
labelText: 'Name',
contentPadding:
EdgeInsets.symmetric(horizontal: 12, vertical: 8),
),
onChanged: (value) {
setState(() {
name = value;
});
},
),
]
);
}
copied to clipboard