GitLocker: The Coding Marketplace

Description:

input history text field

input_history_text_field #
A input_history_text_field widget is automatically saved and suggest as you type.
Overview #
List #

example1
example2

Badge #

example1
example2

Customize #

Getting Started #
Usage #
The only key in the your widget of application set to historyKey, supports like a text_field.
InputHistoryTextField(
historyKey: "01",
),

copied to clipboard
a saved automatically as you type.( save up to limit, default to 5 )

a input history is suggested.

input history can be deleted.

Example #
simple #
All you need is a historyKey.
InputHistoryTextField(
historyKey: "01",
),
copied to clipboard
badge style
Change style to badge is listStyle = ListStyle.Badge
InputHistoryTextField(
historyKey: "01",
listStyle: ListStyle.Badge,
),

copied to clipboard

Default items
If there is an item you want to display from the beginning or an item you want the user to selected.
InputHistoryTextField(
historyKey: "01",
lockItems: ['Flutter', 'Rails', 'React', 'Vue'],
),

copied to clipboard

List

change icon #
Can hide or change the icon.
InputHistoryTextField(
historyKey: "01",
showHistoryIcon: true,
showDeleteIcon: true,
historyIcon: Icons.add,
deleteIcon: Icons.delete,
),
copied to clipboard

gradually transmitted #
enableOpacityGradient is input history list is gradually transmitted.
InputHistoryTextField(
historyKey: "01",
enableOpacityGradient: true,
),
copied to clipboard

lines decoration #
listRowDecoration is input history lines as a decoration.
InputHistoryTextField(
historyKey: "01",
listRowDecoration: BoxDecoration(
border: Border(
left: BorderSide(color: Colors.blue, width: 8),
),
),
),

copied to clipboard

list decoration #
listDecoration is input history list as a decoration.
InputHistoryTextField(
historyKey: "01",
listDecoration: BoxDecoration(
color: Colors.cyan,
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(20),
bottomRight: Radius.circular(20)),
boxShadow: [
BoxShadow(
color: Colors.grey.withOpacity(0.2),
spreadRadius: 8,
blurRadius: 8,
offset: Offset(0, 3)),
],
),
),

copied to clipboard

list layout builder
If you want to customize everything, to use historyListItemLayoutBuilder.
InputHistoryTextField(
historyKey: "01",
historyListItemLayoutBuilder: (controller, value, index) {
return InkWell(
onTap: () => controller.select(value.text),
child: Row(
children: [
Expanded(
flex: 1,
child: Container(
margin: const EdgeInsets.only(left: 10.0),
padding: const EdgeInsets.only(left: 10.0),
decoration: BoxDecoration(
border: Border(
left: BorderSide(
width: 5.0,
color: index % 2 == 0
? Colors.red
: Colors.blue,
),
),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
value.textToSingleLine,
overflow: TextOverflow.ellipsis,
style:
TextStyle(fontWeight: FontWeight.bold),
),
Text(
DateTime.fromMillisecondsSinceEpoch(
value.createdTime)
.toUtc()
.toString(),
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 10,
color: Theme.of(context).disabledColor),
),
],
)),
),
IconButton(
icon: Icon(
Icons.close,
size: 16,
color: Theme.of(context).disabledColor,
),
onPressed: () {
controller.remove(value);
},
),
],
),
);}
)
copied to clipboard

API #

name
ex

note

historyKey
key-01
String
a only key in the your application,saved with this key.

limit
5
int
max limit of input history

hasFocusExpand
true
bool
show input history of edit text focused

showHistoryIcon
true
bool
icon of input history at left positioned

showDeleteIcon
true
bool
icon of delete at right positioned

enableHistory
true
bool
enabled/disabled of input history

enableSave
true
bool
enabled/disabled saved history

enableOpacityGradient
true
bool
make the input history list gradually transparent

enableFilterHistory
true
bool
suggest filters when input text

showHistoryList
true
bool
show/hide of input history list

historyIcon
Icons.add
IconData
IconData for history icon.

historyIconTheme
IconTheme
IconTheme
IconTheme for history icon.

deleteIcon
Icons.delete
IconData
IconData for delete icon.

deleteIconTheme
IconTheme
IconTheme
IconTheme for delete icon.

listOffset
Offset(0, 5)
Offset
set a position for list.

listTextStyle
TextStyle(fontSize: 30)
TextStyle
sets a text style for list.

listRowDecoration
BoxDecoration
Decoration
a row of input history for decoration

listDecoration
BoxDecoration
Decoration
a list of input history for decoration

listStyle
ListStyle.List
ListStyle
change style List or Badge

textColor
Colors.black
Color
a text color

backGroundColor
Colors.grey
Color
a background color

historyIconColor
Colors.white
Color
a history icon color

deleteIconColor
Colors.white
Color
a delete icon color

lockItems
['Flutter', 'Rails', 'React', 'Vue']
List

fixed shown, cannot be delete items

lockTextColor
Colors.black
Color
a lock items text color

lockBackgroundColor
Colors.grey
Color
a lock items background color

historyListItemLayoutBuilder
Widget
Widget
a customize full layout.

InputHistoryController
InputHistoryController
InputHistoryController
Select or delete the input history list