react-native-vector-icons VS react-native-template-rocketseat-basic

Next install the react-native-vector-icons as it's a peer dependency of the library.

react-native-vector-icons is a powerful library that lets you incorporate a variety of icons into your React Native app, boosting design and user experience. You can select icons from popular sets like FontAwesome, Material Icons, Ionicons, and many more. Explore available icons here.

I got this error when I was importing from a library such as react-native-vector-icons:

React Native Vector Icons

I don't even remember where I downloaded Feather.tff but the codepoints are different from this one and this one. But maybe you have the same font I do installed? Does fc-match ':family=Feather' show a result?

I tried 'RNVectorIcons' package in my react native project using the following link react-native-vector-icons.I used pod install command in my terminal.But I got the following error in my terminal window.

React native autolink not working for react native vector icons. I fixed this into android with this https://github.com/oblador/react-native-vector-icons/issues/1035

Tip: although I used a Text component to make the X button, I strongly recommend you to use an icon instead. A very good library for that purpose is React Native Vector Icons

Also thanks to oblador for making the library and the original directory, I use(d) it pretty much every day!

Por mais que a ideia seja apenas recriar uma interface… é sempre bom escrever um código de qualidade, então uma ótima dica é usar o template basic da rocketseat, pois nele já vem configurado um bom eslint e editorconfig. Já vem com as libs essenciais para se trabalhar com React Native, como, React native gesture handler, React Navigation, PropTypes e é claro, Styled Components.