React Native Vector Icons  - Setup: Android and IOS simple (2022)

React Native Vector Icons - Setup: Android and IOS simple (2022)

HITECH FOCUS

2 года назад

39,623 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@quanhoang9021
@quanhoang9021 - 29.10.2023 11:15

thank you so so so much, it worked for me

Ответить
@khokon_m
@khokon_m - 22.09.2023 15:04

Awesome work. Wasted half an hour on blogs. To the point, Thanks.

Ответить
@Norfeldt
@Norfeldt - 16.08.2023 11:46

Thanks a lot. For some reason I had to right click to create New Group to make it work since it kept looking ind the nodes_modules

Ответить
@EfoneliSarah
@EfoneliSarah - 15.08.2023 12:27

how can i like twice💌

Ответить
@meenachisundaram4816
@meenachisundaram4816 - 08.08.2023 15:03

it didnt works for me at first for ios. after adding the fonts at info.pdlist I did cd ios and pod install and rebuilt the app works!

Ответить
@bambanx
@bambanx - 03.08.2023 14:39

This days jul 2023 still os necessary?

Ответить
@jonathandajome690
@jonathandajome690 - 31.07.2023 21:20

Thank you so much!!! it worked

Ответить
@Skipper4k74-zp4zm
@Skipper4k74-zp4zm - 28.07.2023 08:59

bro that was awesome very helpful video ....... i was in big trouble ..
Thankyou...

Ответить
@thirdeyeclub8568
@thirdeyeclub8568 - 24.07.2023 11:19

wtf?

Ответить
@vinaciotm
@vinaciotm - 20.07.2023 19:01

react native vector icons installation:

------ step 0
drag Fonts folder to YOUR_PROJET/NAME_PROJECT on xcode with "Copy if needed" checked "Create Groups" pinned.

also create a folder in your root project like YOUR_PROJECT/src/assets and paste the Fonts folder inside assets folder.

------ step 1
copy this in Info.plist in YOU_PROJECT/IOS/NAME_PROJECT/Info.Plist :

<key>UIAppFonts</key>
<array>
<string>AntDesign.ttf</string>
<string>Entypo.ttf</string>
<string>EvilIcons.ttf</string>
<string>Feather.ttf</string>
<string>FontAwesome.ttf</string>
<string>FontAwesome5_Brands.ttf</string>
<string>FontAwesome5_Regular.ttf</string>
<string>FontAwesome5_Solid.ttf</string>
<string>FontAwesome6_Brands.ttf</string>
<string>FontAwesome6_Regular.ttf</string>
<string>FontAwesome6_Solid.ttf</string>
<string>Foundation.ttf</string>
<string>Ionicons.ttf</string>
<string>MaterialIcons.ttf</string>
<string>MaterialCommunityIcons.ttf</string>
<string>SimpleLineIcons.ttf</string>
<string>Octicons.ttf</string>
<string>Zocial.ttf</string>
<string>Fontisto.ttf</string>
</array>

------ step 2
Create file: react-native.config.js in root project with this code:

module.exports = {
project: {
ios: {},
android: {}
},
assets: ['./src/assets/'],
};

------ step 3
run this command:
npx react-native-asset


------ step 4
usage example:

import Feather from 'react-native-vector-icons/Feather';

<Feather name="bell" size={18} color={"red"} />

Ответить
@himanshuverma3281
@himanshuverma3281 - 19.07.2023 20:52

Many many thanks to you brother.

Ответить
@grigorqnkov3928
@grigorqnkov3928 - 21.06.2023 07:29

saver

Ответить
@user-wm1rw6yy9j
@user-wm1rw6yy9j - 16.05.2023 12:57

Working perfectly so you deserve my sub. Keep up the good work man

Ответить
@niktizzani7296
@niktizzani7296 - 29.04.2023 12:20

grazie grazie grazie 🙏🙏🙏🙏

Ответить
@Farhan-960_
@Farhan-960_ - 23.04.2023 12:49

Thankss

Ответить
@iamdpunkr
@iamdpunkr - 16.04.2023 08:50

Thanks..its working

Ответить
@hassanjamil841
@hassanjamil841 - 14.04.2023 13:08

Superb! I was facing diffculty following the official guide and found that it is not written as easy as it looks like. There is more of technicality in following these steps rather than just reading which they didn't explain, I am also surprised.
But big thanks man, saving a lot of time!!!

Ответить
@mattiadavi7657
@mattiadavi7657 - 13.04.2023 14:54

Thank you, tutorial explained very well. You saved me! 💘

Ответить
@Victor-wh9bs
@Victor-wh9bs - 23.03.2023 15:01

ThankU That works for me.

Ответить
@vinaciotm
@vinaciotm - 09.03.2023 20:07

thanks a lot

Ответить
@sajith_jeewantha
@sajith_jeewantha - 25.02.2023 22:48

Thank you 👍

Ответить
@cking9145
@cking9145 - 13.02.2023 10:55

Cool. But why did they made it so laborious to get icons ...

Ответить
@MohamedOsama-mz1cv
@MohamedOsama-mz1cv - 26.01.2023 14:12

I sincerely want to thank you for this video! Worked out for me on Android.

Ответить
@binbin5992
@binbin5992 - 23.01.2023 11:05

this is a helpful video , thank you so much

Ответить
@pol0o.j581
@pol0o.j581 - 19.01.2023 14:32

thanks you so much

Ответить
@muhammadjunaidbashir8873
@muhammadjunaidbashir8873 - 04.01.2023 10:13

Thanks a lot bro.....keep it up

Ответить
@huyvu2719
@huyvu2719 - 22.12.2022 09:59

how generate file android ?

Ответить
@xondamir_dev
@xondamir_dev - 21.12.2022 14:17

Thanks. It's really great tutorial

Ответить
@mfk8475
@mfk8475 - 24.11.2022 20:20

thanks from Türkiye

Ответить
@nurhamsah_tech
@nurhamsah_tech - 16.11.2022 16:47

great tutorial, thanks 🤩🤩

Ответить
@programmingpython584
@programmingpython584 - 02.11.2022 12:45

As per docs, "Make sure your app is checked under "Add to targets" and that "Create groups" is checked if you add the whole folder"

Ответить
@pablohernandez4679
@pablohernandez4679 - 12.10.2022 07:10

Que grandeeee, funcionó todo. Gracias

Ответить
@denisperalta141
@denisperalta141 - 15.09.2022 15:23

You were save us. We're grateful

Ответить
@keremerguner4111
@keremerguner4111 - 15.09.2022 14:47

Thank youu :)

Ответить
@abeautyqueenofonly18
@abeautyqueenofonly18 - 05.09.2022 22:11

Thanks bud, worked out for me like it should on IOS.

Ответить
@teshaych2618
@teshaych2618 - 28.08.2022 23:14

Thank You so much

Ответить
@mohammadbrzbrz72
@mohammadbrzbrz72 - 26.08.2022 18:52

Thank you very much

Ответить
@mantech560
@mantech560 - 30.07.2022 13:43

Thanks so much

Ответить
@galileor713
@galileor713 - 28.07.2022 12:00

Thankyou it's helping me so much

Ответить
@reverse0828
@reverse0828 - 15.07.2022 21:08

THANKS YOU SO MUCH!

Ответить
@aunga.8218
@aunga.8218 - 12.07.2022 11:13

Thank you so much

Ответить
@suyashvashishtha4904
@suyashvashishtha4904 - 10.07.2022 22:28

Thanks Bro

Ответить
@pedroluis4004
@pedroluis4004 - 27.05.2022 01:57

Thanks for the help!

Ответить
@lievanov
@lievanov - 25.05.2022 06:22

thanks, appreciated

Ответить
@rishabhkumar5982
@rishabhkumar5982 - 20.05.2022 19:36

Thanks bro

Ответить