Displaying human names in place of @mention?

[tmaly1980]

I'm hoping to duplicate the exact user experience with facebook's mobile app....

I was wondering if it's possible to display a human name "John Davis" rather than just "@JohnDavis3", based on the item selected? And then when pressing backspace, that it clear the full name (or last name) all at once, rather than one letter at a time?

I noticed there was info on how to add background coloring (#7), but that shows the formatted text absolutely positioning on top of the textinput, which has transparent text... This would work except the only issue is if we're using a human name instead of the encoded @name, it's likely not the same length so the cursor is going to be in the wrong place. The human name could be longer than the @name (which could be padded), but it could also be shorter (which can't really be padded).

Any suggestions?

[singhaishwarya]

any update?

[mrazadar]

Hey just published a new react-native-mentions package. Check it out.

[dabakovich]

You can try a react-native-controlled-mentions that is not rich in configuration yet but enough stable for use in projects.
https://www.npmjs.com/package/react-native-controlled-mentions