Це відео не доступне.
Перепрошуємо.

Styling React Native Components: The Fundamentals of Stylesheet

Поділитися
Вставка
  • Опубліковано 31 січ 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/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...

КОМЕНТАРІ • 84

  • @nishan456singh
    @nishan456singh Рік тому +29

    You just gave enthusiasm for comeback in Coding after 5 years, been driving truck. Have no words!
    Thanks Hitesh!
    Regards
    Nishan

  • @DeepuSingh
    @DeepuSingh Рік тому +7

    Everyone is just demanding something extra from you but I want to thank you for this amazing playlist thanks a lot

  • @gurpreetkapoor8993
    @gurpreetkapoor8993 Рік тому +12

    By default react native has flex-direction as column instead of row as in web. This is mentioned in react native docs. That's why align-items and justify-content behave as opposite to web.

  • @shivamjha.56
    @shivamjha.56 Рік тому +15

    can u give us a glimpse of which 10 apps we are gonna build in this series

    • @mma-dost
      @mma-dost Рік тому +1

      yeah that would be great sir please show us the apps we are gonna build during this course.

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

    Everybody plz share the playlist, this type of content must be promoted. Thankyou hitesh sir❤

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

    Hi Hitesh, i'm still looking forward to your next video !!
    When will it be uploaded on you tube ??

  • @SSC__CLASSES
    @SSC__CLASSES 2 місяці тому +2

    if using safe area view then use style container on it not on view element

  • @jalluchakri1528
    @jalluchakri1528 9 днів тому

    Hey ! Thanks for Making video on the React Native Series

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

    Without using style sheet also we can return Javascript object with styles. So what is use case of Stylesheet?

  • @saurav7052
    @saurav7052 Рік тому +6

    Sir can you please put your react native course into a Playlist so it would be helpful to get them on one go

  • @guddubhaiyathikanamirzapur4079

    Your videos are easily understandable...Even if I have to pay something for these kinds of lectures, I will happily do it.

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

    hi. can you update when the next vdyo will out? we are waiting brother

    • @user-qv8ei9jm6u
      @user-qv8ei9jm6u  Рік тому +2

      I update things on discord and instagram. I will try to post more here in youtube community too. 🙂

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

    whats next is it end?

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

    Thank you sir, waiting for next video.

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

    Waiting for next video..

  • @baanuaali2818
    @baanuaali2818 10 місяців тому

    Thank you so much sir. This video helps me alot, you're the best teacher ever!!!

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

    Video on open source repo setup on codespace
    Sir, I & many other students are facing problems regarding backend setup in codespace. It is easy to make a new express mongodb project on codespace but how to setup an open source express repo on codespace is very hard & i am facing many issues which are not there in local setup like 502 gateway nginx.
    Please make a video showing an open source express mongo repo setup on codespace

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

    thank you thank you thank you sir 🥳🥳 for this series 🥳🥳

  • @VishalKumar-fz4vn
    @VishalKumar-fz4vn Рік тому +1

    sir, we are waiting for the upload of the next video
    please upload it🙏

  • @balloney2175
    @balloney2175 17 днів тому

    My logic is right (as what is shown on the video) regarding the light and dark background. I don't understand why my background is always light and never dark like what is on the video. Please help.

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

    It's not necessary to use StyleSheet anymore. Just a normal object would suffice

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

    Thanks buddy
    Great job Hashnode💜

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

    When the next video sir? Please

  • @NehaGupta-zc3mo
    @NehaGupta-zc3mo 4 місяці тому

    Thank you for the series. I am first time learning React Native and it's very easier to understand. Thanks @hashnode @hitesh

  • @priyagarg6844
    @priyagarg6844 5 місяців тому

    Thanks a log bro for such wonderful knowledge free of cost

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

    Sir when is today's video going to come??

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

    can someone help me to enable the autosuggest/ autocomplete in the editor? In my IDE I dont see the options when I press JSX. or for any item as it shown in the video.

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

    Sir please upload react native videos daily :)

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

    started following your react native tutorial, one problem i am getting is the dark mode isnt getting on no matter how much i try

  • @RohitYadav-iz2pk
    @RohitYadav-iz2pk 2 місяці тому

    don't know why but drak mode is not working for me. printed isDarkMode and it's saying false

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

    i hope you'll teach us Redux in React Native

    • @user-qv8ei9jm6u
      @user-qv8ei9jm6u  Рік тому +9

      Depends on people, if they share the content and shows interest. 🙂

    • @mma-dost
      @mma-dost Рік тому +1

      @@user-qv8ei9jm6u please sir without that how we will make big complex apps

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

      @@user-qv8ei9jm6u we need it..

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

    Amazing...

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

    Love this series!

  • @DREAM-dg8sh
    @DREAM-dg8sh Рік тому +1

    Sir you forgot to upload next video

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

    Very good teaching skills

  • @prasadpatil2371
    @prasadpatil2371 11 місяців тому

    is there source code available for practice. please shere link, Your video content is very helpful, Thank you!!!

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

    Please upload next video for react native

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

    Thank you so much Sir for this...😊🌼

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

    Nice Video, I heard maruti suzuki is hiring through a case study competition called XCELerate. It is for both E-School & B-School students. It also has prizes of 7 lakh rupees. Can u make a video on it plss.

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

    Great Content, Thank you Sir

  • @B-NikhilRichhariya
    @B-NikhilRichhariya 3 місяці тому

    13:23 it worked for me, text changed to black

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

    Can we inspect the style like a web app?

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

    sir can you make a video on how to debug the react native app.

  • @sagar-ko3gb
    @sagar-ko3gb 11 місяців тому +1

    when i am using safe area veiw my styles are not applying.why?

    • @R3sponsiblE
      @R3sponsiblE 7 місяців тому +2

      That because in iOS in the new update, you need to set the SafeAreaMode inside the View and now before it.
      Example:

      You can think about like You have a "div" that manage the contain object, and the SafeAreaMode is a command that apply all properties in it..
      and if you do SafeAreaMode outside View its apply this container its apply View also, and view is only a container - NOT THE OBJECT!

  • @Ishan-Choudhary
    @Ishan-Choudhary 6 місяців тому

    13:22 it did for me lmaoo [also with align-items center, my Hello World just becomes Hello any fix to that?]

  • @Vishnu-eo6dt
    @Vishnu-eo6dt Рік тому +1

    When adding flex:1 in stylesheet.container the app does not load the Text. without flex:1 I can see items with allignItems: 'center'. What is the purpose of flex:1. Can Anybody help with this?

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

      did the issue resolve ?

    • @ssaai
      @ssaai 11 місяців тому

      @@vishalsingh9169 No

  • @ShivaniYadav-ut9is
    @ShivaniYadav-ut9is 9 місяців тому

    how to download react native android app on mobile or tab

  • @RudraprasadMohapatraa
    @RudraprasadMohapatraa 6 місяців тому +1

    Increase the likes , how it can be less than 1k !

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

    sir video material ui and also appwrite Thank you

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

    Excellent course, thanks for sharing,
    if you error, copy my solution:
    import React from 'react'
    import {
    View,
    Text,
    StyleSheet,
    useColorScheme
    } from 'react-native'
    function AppPro(): JSX.Element{
    const isDarkMode = useColorScheme() === 'dark'
    return(


    Hello World


    )
    }
    const styles = StyleSheet.create({
    container: {
    flex: 1,
    alignItems: 'center'
    },
    whiteText: {
    color: '#FFFFFF'
    },
    darkText: {
    color: '#000000'
    }
    })
    export default AppPro;

  • @debnath0702
    @debnath0702 5 місяців тому

    Thanks

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

    Can't we use tailwind?

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

    What's your opinion on CHATGPT?

  • @sahil.77600
    @sahil.77600 Рік тому +1

    New videos....?❓❓❓❓❓❓❓

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

    Hi Sir,
    When is the next video releasing in this series?

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

    how about funtion in StyleSheet?

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

    nice video

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

    Thank you

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

    Hello sir we need a new course Java, can you please sir start Java course as a beginner level 🙋🏻‍♂️🙏

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

    When will u start microservice Nodejs?

    • @user-qv8ei9jm6u
      @user-qv8ei9jm6u  Рік тому +2

      Such topics don’t have demand on UA-cam. These are usually paid topics

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

    Done Sir,

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

    👌👌👌👌

  • @piyush-singhania
    @piyush-singhania Рік тому

    So far with you 🚗

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

    It seems that you are not sure what you are going teach.

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

    buce vue=dei

  • @codebite590
    @codebite590 5 місяців тому

    You mistakenly gave white text on both dark and light mode!

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

    🙏👍👍

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

    ooops not like that

  • @Piliponful
    @Piliponful 2 години тому

    2.45 waisted minutes, haven't heard anything in 3 minutes about styling