Description:

simple mention

KOREAN #

Add mention functionality easily with the TextController and TextField provided by Simple Mention!
The goal is to provide only a lightweight and simple mention function!
It was inspired by the flutter_mention package.



    


Features #
Use this plugin in your Flutter app to:

Mention users in a text field
Display the selected mention user's name in blue.

Getting started #

Please enter the user information to be displayed in MentionList in the MentionMemberModel.
Create a MentionList through this.
Put the MentionList into the MentionTextFieldController constructor.

late MentionTextFieldController controller;

@override
void initState() {
controller = MentionTextFieldController(
myName: 'James Anderson', memberList: [
MentionMemberModel(uid: '1', name: 'Emily Thompson', picture: 'assets/b.jpg'),
MentionMemberModel(uid: '2', name: 'Oliver Smith', picture: 'assets/a.jpg'),
MentionMemberModel(uid: '3', name: 'Sophia Johnson', picture: ''),
MentionMemberModel(uid: '4', name: 'Elijah Williams', picture: ''),
MentionMemberModel(uid: '5', name: 'Olivia Jones', picture: ''),
MentionMemberModel(uid: '6', name: 'William Brown', picture: 'assets/d.jpg'),
MentionMemberModel(uid: '7', name: 'Ava Davis', picture: 'assets/c.jpg'),
MentionMemberModel(uid: '8', name: 'James Miller', picture: ''),
MentionMemberModel(uid: '9', name: 'Isabella Wilson', picture: 'assets/e.jpg'),
MentionMemberModel(uid: '10', name: '홍길동', picture: ''),
MentionMemberModel(uid: '11', name: '너무 멋진 강아지', picture: ''),
MentionMemberModel(uid: '12', name: '행복한 다람쥐', picture: ''),
MentionMemberModel(uid: '13', name: '조용한 고양이', picture: ''),
]);
super.initState();
}
copied to clipboard

Write the MentionTextField where you want.
Please insert the MentionTextFieldController into the controller parameter.
That's it! You can use mention by pressing the specified pattern.

TODO #

If a space is included in the name, it appears replaced with _. I'm looking for a way to show it as a space.
When you click on a mention, the mentioned user's name is highlighted in blue. We plan to add a feature to change it to another color.
We plan to add a feature that allows you to highlight your specified name in a different color when you click on it.
There is no test code for the package. We plan to add it. (Any help is appreciated!)
We welcome a variety of other ideas!

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter