Add Icons to a React Native App with React Native Vector Icons

At least on Android, if you add the react-native-vector-icons package, you then need to 1) stop the bundler, 2) wipe android/app/build, 3) restart the bundler, and 4) completely re-deploy the application onto the target device. Without doing these, the Android app shows crossed-out boxes instead of the star icons. See also https://github.com/oblador/react-native-vector-icons/issues/483

Question on: const stars = [...Array(Math.ceil(rating))]

Is this mainly to generate an array with the rating ceiling value of undefined, as placeholders so that we know how many Icons to display? This is super clever, I really like it, it took me a few minutes to realize the logic.

Is there another way to do this?

Thanks, and great tutorial.

Best, Will

Will: Yep! exactly. I wanted an array of length N (one for each star or half star). I could have also done that with a regular for loop, or a couple of other ways; but using the array constructor is a one liner that does it, so I went with that.

There are so many problems now with linking and coco pods, that it's far easier to use Expo., Ill skip the Icons section, as the documentation appears incorrect, and causes several errors