![]() ![]() ![]() If you don’t feel like a diving dip into geometry, next author did the job for you. Divide your icon into simple shapes and draw them by View component with border style and transform magic. If you need simple arrows, video play icon, etc., you can challenge your knowledge of geometry and React Native styles. Downsampling and upsampling of your bitmap image can make your app consume more resources than with vector variant.If you want to change icon color, shape or dimensions, you need to use an image editor and save the image in all sizes suitable to a screen pixel density.Like 6 logical density buckets for Android devices So your damn good icon should have different size variants to avoid scaling artifacts. Image component doesn’t support vector formats.It’s a bit uncomfortable to link every icon you add to project.Here are a few reasons why not to use Image Component: And it really can happen, because each device can render scaling artifacts on your icon. And if it doesn’t matter for you whether their edges don’t look good on some devices. But this option is suitable if you have only a few icons. Reasons not to use Image component for iconsįor sure we can use the Image component for the icons. ![]() to use icon set package, like react-native-vector-icons.to use ReactNative.View to create pseudo shapes by styling.There are a few ways to implement an icon to the React Native project: While working on the project we can face different situations that require design implementation. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |