Styling Cards in React Native

Поділитися
Вставка
  • Опубліковано 30 вер 2024
  • Welcome to a youtube channel dedicated to programming and coding related tutorials. We talk about tech, write code, discuss about cloud and devops. That’s what we do all day, all year. We roll out a lot of series and videos on our channel.
    All the learning resources such as code files, documentations, articles and community discussions are available on our website:
    chaicode.com/
    You can find our discord link, github link etc on the above website.
    Twitter/X link: x.com/hiteshdo...
    Discord link: hitesh.ai/discord
    Learn React with 10 projects: • Let's learn react from...
    Learn Docker: • A practical guide on D...
    Learn Kubernetes: • Complete Kubernetes Co...
    How does a browser works: • How does a browser wor...
    How nodejs works: • How node JS works | En...
    Learn Redux-toolkit: • Learn Redux Toolkit in...
    Learn NextJS: • Nextjs Full stack course
    Learn Typescript: • Why to learn Typescript
    Learn Javascript: • Welcome to new JavaScr...
    Learn React Native: • React Native Mastery: ...
    Learn Zustand: • React state management...
    Learn Golang: • How to get started wit...

КОМЕНТАРІ • 26

  • @devbot2310
    @devbot2310 7 місяців тому +1

    @6:22 Nice tutorial, You can just write [ overFlow:'hidden' ] inside Image container( card ) to fix upper round corners of the image

  • @eng.alitaha
    @eng.alitaha Рік тому +5

    I like the way you explained, useful, understandable, smooth, simple

  • @wazrymohamed1654
    @wazrymohamed1654 Рік тому +2

    When we would use direction as column then parent component main axis is vertical so it increase the children in remaining space in vertical direction.When we would use flex direction row and apply flex grow along with it, then its main axis is horizontal so the children components defined with flex grow should occupy all the remaining space in horizontal form. Thank you sir for your effort.

  • @GoutamReddydazz
    @GoutamReddydazz Рік тому +2

    You Are awesome.. you always teach how to learn.. that's a big part of learning.

  • @vikaswakde-dj2dw
    @vikaswakde-dj2dw 9 місяців тому +1

    flexGrow determins,
    how much space,
    an item should occupy,
    inside a flex container,
    when there is extra space available.

    • @yashseth4626
      @yashseth4626 4 місяці тому

      what is meant by flexgrow:1 ,or what if i use flexgrow:10,

    • @NTgamer009
      @NTgamer009 Місяць тому

      @@yashseth4626 It Will Take 10 Times More Space From Other Items When There is A Free Space

  • @Asingh42
    @Asingh42 2 місяці тому

    Sir, Components Folder is missing in your gitHub Repository
    Please help

  • @sanketgawande3667
    @sanketgawande3667 Рік тому +1

    Hello sir, watching and following you since long time.
    I want to ask is it worth to spend time on React native thing, i mean for kind of everything it depends on third party Packages,API's.
    Routing is also quite strange, in case of drawer navigation it directly takes to home page on back action.
    Also web sockets does not works properly in some cases.
    Styling is the only part i like, due to tailwindcss support.
    Can you please help me with this, to clear confusion and misconceptions

  • @azammehmood3678
    @azammehmood3678 Рік тому +3

    I download hawa mahal image as jpg and put it from local storage in the same project . the image was doing overflow on horizintal axis at start but when I give it width in Percentage i-e ( width:'90%' ) then adjusted according to screen width. Booooooooooom

  • @milonchandro1211
    @milonchandro1211 12 днів тому

    Thankyou sir

  • @asingh5128
    @asingh5128 9 місяців тому

    shadowoffset work with shadow color. i think you should also add some shadow color as it is the property of shadowcolor

  • @yadavkishan3778
    @yadavkishan3778 Рік тому

    hii bro image not display simple in react native

  • @KartikeyTT
    @KartikeyTT 8 місяців тому

    thankyou sir

  • @mahendrarajput-c5n
    @mahendrarajput-c5n Рік тому

    thank you for making such kind of video.

  • @programmingholic
    @programmingholic Рік тому

    Thanks for sharing, Following

  • @khushalgrow
    @khushalgrow 7 місяців тому

    Thank You!

  • @Selvaram
    @Selvaram Рік тому

    great sir thank you

  • @techsonaniya8923
    @techsonaniya8923 Рік тому

    Very good teaching skills

  • @Pooja_shahi
    @Pooja_shahi Рік тому

    Nice 😊

  • @Aditya.Santra
    @Aditya.Santra Рік тому

    👍

  • @awnishprasad9367
    @awnishprasad9367 Рік тому

    Hello sir

  • @Techy_Manish
    @Techy_Manish Рік тому

    Manish Gari

  • @rehandev7833
    @rehandev7833 9 місяців тому +1

    Completed the Images section along with reading the RN documentation. Indeed, its really well documented. Experiented with some of the properties of Image component. And was able to load images from web as well as from assets folder. Thanks Hitesh Sir, you created a treasure trove for learning React Native :)

  • @RahulSharma-wz6yv
    @RahulSharma-wz6yv 7 місяців тому

    I have to search on google , because I don't have any work in my mind to appreciate your content, Thanks Hitesh ji