25

I want to use Bullet Character/ Small Circles used for passwords in React Native Text component. Is there a way to create them without using package.

enter image description here

I am thinking of creating a rounded View with background filled. However, kindly let know if a simpler solution exists.

Jaydeep Galani
  • 4,842
  • 3
  • 27
  • 47
Rusty
  • 4,138
  • 3
  • 37
  • 45

2 Answers2

72

There is a much simpler way,

Try using Unicode.

2B24, 25CF, 26AB, etc... these are Unicode for black filled dots.

USAGE: <Text>{'\u2B24'}</Text>.

You can search more Unicode here, http://www.unicode.org/

Jaydeep Galani
  • 4,842
  • 3
  • 27
  • 47
3

If you're wanting to create a TextInput that obscures the entries (e.g. for a password input), TextInput has a secureTextEntry prop.

Thijs
  • 587
  • 5
  • 16