How to achieve @ mentions like twitter and faceboo...
# composer
raghunandan
04/23/2022, 3:16 PMHow to achieve @ mentions like twitter and facebook similar to https://github.com/linkedin/Spyglass using compose. Any suggestions or ideas?
raghunandan
04/23/2022, 4:13 PMOne option is to use android view in compose. So i can use the same library view in compose as well
a
andrew
04/24/2022, 3:38 PMReally shouldn't be hard to implement tokenization manually, I think the JetChat sample has something for that
r
raghunandan
04/24/2022, 3:39 PMOk. Will look into it. Gotta give it a try.
n
Nick
04/26/2022, 2:12 AMI did this. It was one of the most fun tasks I've worked on with Compose. I used a core text field and used VisualTransformation. I suggest looking at how that works and rendering everything bold first, then render portions of the text bold next.
Additionally, it might be fun to code than visually confirm it works, we were actually able to develop faster by writing this feature in unit tests first.
https://developer.android.com/reference/kotlin/androidx/compose/ui/text/input/VisualTransformation
r
raghunandan
04/28/2022, 1:59 AMThanks i did exactly that. It was little difficult to actually figure out that i need to use transformation. Just one question - is it possible to delete the entire names that are spans on back press in soft keyboard rather than a character at a time.
raghunandan
04/28/2022, 2:08 AMSomething to do with offsetmapping??
n
Nick
05/01/2022, 2:12 PMI don't remember how I did it but I did.
Nick
05/01/2022, 2:13 PMIt is with the transformations again.
r
raghunandan
05/01/2022, 2:16 PMHmm. Need to explore this.
n
Nick
05/04/2022, 1:32 PMWrite unit tests to test the interface. In my base I was looking for {{userid-xxx}}. If it detected that the last } got deleted then I'd return the entire backing string before the first {
r
raghunandan
05/08/2022, 11:15 AMJetchat does not have this feature.
raghunandan
05/08/2022, 11:18 AMIn my case i have range start and end which is use to style replaced text on drop down selection. But when user deletes the range is out of bound. Eg. @abc is colored 4 chars. Range is from 0-3. So delete c my range is till 0-3. So basically beed to delete the span from span list of this happens. I think having some of delimeter to figure out start and end of span should help.
a
andrew
05/08/2022, 10:12 PMThey usually have an internal representation that gets replaced
andrew
05/08/2022, 10:12 PMLike @<123456>
andrew
05/08/2022, 10:12 PMAnd then you map it to the ID of the user, snag their information, etf
andrew
05/08/2022, 10:12 PMEtc
r
raghunandan
05/09/2022, 5:31 PMhmm. got it
v
Vaibhav Jaiswal
05/18/2024, 3:35 PM@Nick if possible can you please share the code for this?
31 Views