Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Want to Customize the flag #61

Closed
Nikhil-Rattan opened this issue Jul 12, 2023 · 3 comments
Closed

Want to Customize the flag #61

Nikhil-Rattan opened this issue Jul 12, 2023 · 3 comments
Labels
help wanted Extra attention is needed question Further information is requested

Comments

@Nikhil-Rattan
Copy link

I want to customize the flag and want to make it circular, but though I'm receiving flag in Text Component, so I'm no able to customize it

@GeorgeHop
Copy link
Owner

Hello! Have you tried this prop described in the docs itemTemplate? It will work as renderItem for each element, probably you will be able to customize it how you want.

Flag it's a text so you should wrap it in Text component but you can use View around Text component to add some circular container.

@GeorgeHop
Copy link
Owner

In case you wanna make flags circular you can try to increase font size) And put it in a circular View with overflow maybe it will help you.

@GeorgeHop GeorgeHop added help wanted Extra attention is needed question Further information is requested labels Jul 12, 2023
@Nikhil-Rattan
Copy link
Author

@GeorgeHop Thanks for the instant guidance and for such a brief and clear solution. I will try using itemTemplate and do let you know if I still faces some issue. Thanks once again!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted Extra attention is needed question Further information is requested
Projects
None yet
Development

No branches or pull requests

2 participants