Adjusting a verification tag to the length of a username

Get Help
1

How do I make an icon placement adjust to the length of a text?

For example, I am adding a verification badge (similar to Instagram & Twitter) to the right of a user’s username if they are “verified.” How do I get this badge to adjust to the length of their username?

Example:

728×546 64 KB

2

Hello, you can activate the “Auto Width” option.

Thank you!

3

How does this work with Magic Text + icon?

4

Hey @matttro, I can make a free component for this.

5

That would be great! @James_App_Maker

6

I’ve made the component and it’s submitted for review! I’m trying to make the review process fast so I can get it out to everyone as soon as possible. (it’s free btw)

Screenshot 2023-03-02 at 7.01.53 PM
Screenshot 2023-03-02 at 7.01.53 PM1076×676 45.2 KB

For now, you can see the component in the demo app below:

7

Wow, that’s awesome! Thank you very much! @James_App_Maker

10

This component is now released! It’s called “Verified Text”. Let me know what you think!