How to use SVG with React Native

Ғылым және технология

Hey, Asish here. In this video, I would like to share the how-to-use SVG icons in your react native project. I was setting up a project to build this custom bottom navigator and faced some difficulty using SVG in react native. So I would like to share how I did that. Also, would you like to watch the build of that custom bottom navigator? Let me know in the comments below.
Note: While using React Native SVG Transformer use at least Node 12.x.
Timecodes
0:00 - Intro
0:29 - Setting up React Native Project
1:22 - Setting up React Native SVG Transformer
4:20 - Import SVG as component
Gear List I have and that I want :
Laptop I use: amzn.to/3glrqzo
Mic I use : amzn.to/3fVOi7H
Camera I want: amzn.to/2SYd4v0
Light I want: amzn.to/34Q8Yb9
Mic I want: amzn.to/3uVBKSi
Join Discord Community: / discord
Follow me on :
Instagram: / asish.george
LinkedIn: / asish-george
Twitter: / asishgeorg
Website: asishgeorge.in
Buy me a Coffee:
www.buymeacoffee.com/asishgeorge
#reactnative #svg

Пікірлер: 25

  • @SUMITMITRA25
    @SUMITMITRA25 Жыл бұрын

    This is what i was looking for this video is really simple and useful and informs about a really useful npm pakage much simpler than react-native-vector-icons

  • @adityanarayank_
    @adityanarayank_2 жыл бұрын

    Congrats on 1k ♥️ to many more 🥂

  • @AsishGeorgeTech

    @AsishGeorgeTech

    2 жыл бұрын

    Thank you so much 🤗⭐❤

  • @PkPankaj43
    @PkPankaj43 Жыл бұрын

    Want to see video on the custom bottom navigation.

  • @saxenavedant61
    @saxenavedant61 Жыл бұрын

    Thanks a lot 😊

  • @tinkamanyireedgar8452
    @tinkamanyireedgar84522 жыл бұрын

    This is a very nice a precise video. Thanks @Asish George Tech

  • @AsishGeorgeTech

    @AsishGeorgeTech

    2 жыл бұрын

    Glad you liked it ❤️

  • @huynhkieu5236
    @huynhkieu52369 ай бұрын

    thank for sharing

  • @jhonidrovo
    @jhonidrovo Жыл бұрын

    That's a really good design. Please show how you did that

  • @milon27
    @milon27 Жыл бұрын

    why its not working in react native bottom tab nav

  • @SUMITMITRA25
    @SUMITMITRA25 Жыл бұрын

    Can you make video on how to cache videos with react native, not just mp4 files but also m3u8 and hls and dash etc

  • @dolls.ahya3
    @dolls.ahya32 жыл бұрын

    Sir plz add full bottom tab bar with animation svg

  • @saraf2417
    @saraf24172 жыл бұрын

    Thank you!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • @AsishGeorgeTech

    @AsishGeorgeTech

    2 жыл бұрын

    You’re welcome

  • @ddikodroid
    @ddikodroid2 жыл бұрын

    Sure!

  • @Emanu7478
    @Emanu74782 жыл бұрын

    Video was too good... Will you please post tutorial of bottom navigator

  • @AsishGeorgeTech

    @AsishGeorgeTech

    2 жыл бұрын

    Okay will do.

  • @Emanu7478

    @Emanu7478

    2 жыл бұрын

    @@AsishGeorgeTech Thanks sir

  • @thehood0279
    @thehood02792 жыл бұрын

    It worked. Thanks a lot. The color is not changing, idk why, but it's okay.

  • @kumarc326
    @kumarc326 Жыл бұрын

    Where is full video or code😊

  • @SaadHasan
    @SaadHasan2 жыл бұрын

    In the description, you wrote everything about which laptop you are using, which mic, and much more unnecessary information, But you should have attached the GitHub repository link in your description which you showed in your video.

  • @4ia17_ihsankhadafi9
    @4ia17_ihsankhadafi92 жыл бұрын

    are u using expo or react native cli ?

  • @AsishGeorgeTech

    @AsishGeorgeTech

    2 жыл бұрын

    React Native cli

  • @steven7936
    @steven79362 жыл бұрын

    The video is way too long, could easily cut out 2 minutes.

  • @AsishGeorgeTech

    @AsishGeorgeTech

    2 жыл бұрын

    In hindsight, its true. But while making the video thought it would be a good idea to keep this much.

Келесі