Styling React Native Components: The Fundamentals of Stylesheet

Поділитися
Вставка
  • Опубліковано 25 гру 2024

КОМЕНТАРІ •

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

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

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

    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.

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

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

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

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

  • @balloney2175
    @balloney2175 5 місяців тому +1

    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.

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

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

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

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

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

    • @HiteshCodeLab
      @HiteshCodeLab  Рік тому +10

      Already available as playlist and in sequence

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

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

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

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

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

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

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

    Hey ! Thanks for Making video on the React Native Series

  • @guddubhaiyathikanamirzapur4079

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

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

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

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

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

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

    Thanks buddy
    Great job Hashnode💜

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

    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.

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

    Thank you sir, waiting for next video.

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

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

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

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

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

    whats next is it end?

  • @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?

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

    When the next video sir? Please

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

    i hope you'll teach us Redux in React Native

    • @HiteshCodeLab
      @HiteshCodeLab  Рік тому +9

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

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

      @@HiteshCodeLab please sir without that how we will make big complex apps

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

      @@HiteshCodeLab we need it..

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

    Can we inspect the style like a web app?

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

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

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

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

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

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

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

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

  • @sagar-ko3gb
    @sagar-ko3gb Рік тому +1

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

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

      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!

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

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

    Thanks a log bro for such wonderful knowledge free of cost

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

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

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

    Sir please upload react native videos daily :)

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

    What's your opinion on CHATGPT?

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

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

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

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

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

    Please upload next video for react native

  • @TaranpreetSingh-h6v
    @TaranpreetSingh-h6v 2 місяці тому

    Bhaiya no comment target in react-native videos?
    just like you say for react series
    just wanted to tell that after watching your react series. I got frontend developer job in September month with 30K full time(my first pay is to come yet). and now i am up skilling myself by your react-native series.

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

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

  • @1hharsh354
    @1hharsh354 4 місяці тому

    why are you using tsx and not js
    pls explain

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

    When will u start microservice Nodejs?

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

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

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

    Can't we use tailwind?

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

    Sir you forgot to upload next video

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

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

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

    Waiting for next video..

  • @ShivaniYadav-ut9is
    @ShivaniYadav-ut9is Рік тому

    how to download react native android app on mobile or tab

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

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

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

    Very good teaching skills

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

    how about funtion in StyleSheet?

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

    Love this series!

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

    sir video material ui and also appwrite Thank you

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

    Amazing...

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

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

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

  • @alexjuniortupapa
    @alexjuniortupapa 11 місяців тому +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;

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

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

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

    Thanks

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

    Thank you

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

    bro handi mein video banaya karo

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

    So far with you 🚗

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

    Done Sir,

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

    nice video

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

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

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

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

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

    👌👌👌👌

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

    buce vue=dei

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

    🙏👍👍

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

    ooops not like that

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

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