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

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...

[@oyeibrahim]

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

[@baanuaali2818]

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

[@rehandev7833]

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]

Really enjoying this course, keep up the good work.

[@user-qv1tx4gc3g]

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

[@beakid7126]

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

[@krishnkumar-oe2rm]

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

[@GouravKumar-ts9qf]

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

[@techsonaniya8923]

Very good teaching skills

[@KishoreKumar-fv9dr]

tq u for the session...

[@Kaashif03]

Thanks for the videos

[@iqbalhussaincs9998]

Thank you sir ❤️

[@ZeeshanAli-nk3xk]

Thank You!

[@debnath0702]

Thanks

[@NikhilPawar151]

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

[@shivsaxena90]

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

[@Aditya.Santra]

❤

[@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

[@bhuvanachandra5121]

facing same issue

[@madhu1591]

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

[@Shivam-wk6sq]

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

[@programmingholic]

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

[@jummagaming6133]

showsHorizontalScrollIndicator={false} use this!

[@madhu1591]

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

[@pprakash_das]

@@jummagaming6133 Thanks mate! It works

[@user-sz2ef2nk4s]

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

[@vikaswakde-dj2dw]

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

[@mutasimahmed8975]

please dont get demovited i will share this video on linkedin

[@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]

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]

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]

@@sportssneuz thank u so much sir

[@sportssneuz]

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

[@shubham_jha]

🫡

[@ranarananjaysingh9870]

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

[@pprakash_das]

पहले आप हिंदी में लिख कर दिखाइये