react-native-vector-icons VS react-native-elements

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!

Once we've set up the storage mechanism, building an email and password sign in flow becomes pretty straight forward. Install react-native-elements to get some nice cross platform button and input fields:

Some that also come up are: * https://github.com/akveo/react-native-ui-kitten * https://github.com/draftbit/react-native-jigsaw/tree/master/packages/ui * https://github.com/callstack/react-native-paper * https://github.com/GeekyAnts/NativeBase * https://github.com/react-native-elements/react-native-elements

React Native Elements provides an all-in-one UI kit for creating a cross-platform application in React Native. It has over 23k stars on Github.

React Native Elements

Link

CSS-based UI libs don't make sense on mobile; your new options include NativeBase, React Native Elements and others). Some web-based UI libs do have RN siblings though - such as React Native Material and React Native Paper (for Material-UI), and tailwind-rn (for Tailwind). This just means new decisions to make, some learning, and new paradigms for how to use the new libs.

Github Documentation Stars ⭐ +22.6k

I have started using React Native Elements (https://reactnativeelements.com) for a new project.