React Native Horizontal Scroll: A Complete Overview of Properties and Usage

Поділитися
Вставка
  • Опубліковано 12 лют 2023
  • 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/hiteshdotcom
    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...
  • Наука та технологія

КОМЕНТАРІ • 34

  • @oyeibrahim
    @oyeibrahim 4 дні тому

    I love how you make it easy via your explanations and examples

  • @baanuaali2818
    @baanuaali2818 9 місяців тому +2

    This is by far the best RN course online, clear and in-depth, well organized.

  • @rehandev7833
    @rehandev7833 6 місяців тому

    Learnt about Flexbox, ScrollView, FlatList. This is series is really fun and the react native documentation is really well documented with everything precisely mentioned. Thanks Hitesh Sir for the amazing series, doing a great job at explaining things as usual. :)

  • @kayveekhatrao2486
    @kayveekhatrao2486 6 місяців тому

    Really enjoying this course, keep up the good work.

  • @user-qv1tx4gc3g
    @user-qv1tx4gc3g 6 місяців тому

    Such a nice tutorial that helps me make videos on advanced topics like permissions, upload documents and optimize code. thanks a lot

  • @GouravKumar-ts9qf
    @GouravKumar-ts9qf Рік тому +2

    You are doing great job, I really appreciate your content. Keep doing and stay motivated

  • @krishnkumar-oe2rm
    @krishnkumar-oe2rm 4 місяці тому

    i Saw lots of Tutorial but here after seeing you tutorial i found that no body can explain better than you and also Thankyou so much for the tutorial. @hiteshsir

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

    Thanks you it’s interesting bought new laptop started to learn react native directly

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

    Thanks for the videos

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

    Very good teaching skills

  • @KishoreKumar-fv9dr
    @KishoreKumar-fv9dr Рік тому

    tq u for the session...

  • @ZeeshanAli-nk3xk
    @ZeeshanAli-nk3xk Рік тому

    Thank You!

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

    Thank you sir ❤️

  • @NikhilPawar151
    @NikhilPawar151 10 місяців тому +5

    elevatedCard : {
    elevation : 4, //To Add Some elevation
    shadowColor : '#FF0000', //Shadow Color
    //ShadowOffset is required to decide on which side and how wide shadow to be dispay. It can be negative also.
    shadowOffset : {
    width : 10,
    height : 10
    },
    shadowRadius : 1, //radius of shadow
    shadowOpacity : 0.3 //Opacity of Shadow. It is required to see shadow
    }
    Details about shadow

  • @debnath0702
    @debnath0702 3 місяці тому

    Thanks

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

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

    how to do this drag scroll in web platform if I have an app without android and ios build just bare react native

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

    Thank you Sir, when we scrool , on bottom of cards shows scroll line ? how to remove scroll Line while Scrolling?

    • @jummagaming6133
      @jummagaming6133 11 місяців тому +2

      showsHorizontalScrollIndicator={false} use this!

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

      Scroll view is working only on web view for me.. It's not scrolling on Android (emulator).
      How to fix this

  • @Raj-kd5ly
    @Raj-kd5ly Рік тому

    I am having a problem of not being able to import any file from other folders, it showing me the error that 'None of these file exists:', then I need to start the whole server again !!! even though I did it correctly, but still it's happening can you please solve this out?
    Ex: if I have a file in src/components directory and I am importing it in app.js file then after importing it shows the error in the mobile screen, that I mentioned above

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

    Scroll view is working only on web view for me.. It's not scrolling on Android (emulator).
    How to fix this

  • @Shivam-wk6sq
    @Shivam-wk6sq Рік тому

    Not able to join discord.. the link is not working

  • @mutasimahmed8975
    @mutasimahmed8975 Рік тому +4

    please dont get demovited i will share this video on linkedin

  • @user-sz2ef2nk4s
    @user-sz2ef2nk4s 6 місяців тому

    From where you take that emoji without using react sticker or something. Please explain.

    • @vikaswakde-dj2dw
      @vikaswakde-dj2dw 6 місяців тому

      if you are windows user press 'windows key' and ';' semicolon key at the same time and see if it appears or otherwise you have to install emoji sense extension , where you can get emoji by using (::fire ) or typing name similar

  • @amirkhan-gd9nv
    @amirkhan-gd9nv Рік тому

    Bro, Whether Full Stack developer is best or Devops career option is best for full time remote jobs/Permanent work from home jobs considering chatgpt and AI era???? Please help

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

    Hi Sir, In My React Native Project in Package.json in "name" : "MyApp" giving error string does not match the pattern of ^(?:@[a-z0-9-*~][a-z0-9-*._~]*/)?[a-z0-9-~][a-z0-9-._~]*$. In tsconfig.json I even Added "forceConsistentCasingInFileNames": false, still givivg error. How to solve this Sir.

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

      Hey buddy !
      To solve this error, you need to update the "name" property in your package.json file to a valid format. If you want to name your project "MyApp", you can update it to "my-app".
      Regarding the "forceConsistentCasingInFileNames" property in your tsconfig.json file, it's used by the TypeScript compiler to enforce consistent casing in file names. It has no impact on the "name" property in your package.json file.
      After making the necessary changes, run npm install or yarn install to reinstall the dependencies for your project, and the error should be resolved.

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

      @@sportssneuz thank u so much sir

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

      @@anirbanmiddya You are welcome !
      If you want to know about UI UX designing you can check my videos also.

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

    🫡

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

    Bhai Indian hi raho American kahe banane ki kosis karte hoo baki mast sikha rahe hoo