React Native Tutorial #29 - Modals

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ต.ค. 2024

ความคิดเห็น • 49

  • @DigitalMonsters
    @DigitalMonsters 4 ปีที่แล้ว +5

    huh didn't think to add multiple styles like that. ive bee doing it like this style={[ class1, class2 ]} etc
    and sometimes if the second thing i need to add doesnt deserve its own class ill just inline it like
    style={[ class1, { color: 'red' }]}

  • @matheusgastaldi1599
    @matheusgastaldi1599 2 ปีที่แล้ว +1

    I love you my man

  • @dadaodunayo395
    @dadaodunayo395 ปีที่แล้ว

    Good work. I have learnt a lot from this tutorial

  • @anonstyle55
    @anonstyle55 4 ปีที่แล้ว +2

    Hi, could you show us how to update entries? E.g. you put in a review and want to update/edit it's content. How could it be done?

  • @ikennaifekaonwu6015
    @ikennaifekaonwu6015 4 ปีที่แล้ว +3

    You are doing a great job, I have learned a lot from you so far.

  • @lohithkumar8257
    @lohithkumar8257 4 ปีที่แล้ว

    Great job, keep doing

  • @maycodes
    @maycodes 3 ปีที่แล้ว

    This is THE best webd channel, Thank you Shaun. Brad traversy , academind , Net Ninja , Tech with tim

  • @sutoraika6976
    @sutoraika6976 ปีที่แล้ว

    waiting for the update for this tutorial

  • @Verum_Rex
    @Verum_Rex ปีที่แล้ว

    Is there a way to pass data to the modal? I have been stuck trying to figure this out and no solution works for me.

  • @mohammadumar443
    @mohammadumar443 2 ปีที่แล้ว

    suppose I open modal for half of screen, when i tap on other part of screen than modal, then modal should close. how can I do this ? transparent prop is true in my case.

  • @mr_funtor
    @mr_funtor 2 ปีที่แล้ว +1

    To add multiple styles do this: style={[styles.modalToggle, styles.modalClose]}

  • @xiaotingshao3689
    @xiaotingshao3689 ปีที่แล้ว

    nice to know use spread syntax in the style, silly I only know one way to use an array of objects.

  • @diallomamadoudioulde8252
    @diallomamadoudioulde8252 3 ปีที่แล้ว

    Hello thanks you for this tutorial. Please I need help, my modal dose not work ! Thanks you in advance !

  • @salahalsamarraaee650
    @salahalsamarraaee650 2 ปีที่แล้ว

    thank you

  • @davidfield2030
    @davidfield2030 ปีที่แล้ว

    Is there a way to position a Modal relative to where the user has pressed?

  • @codewithdevhindi9937
    @codewithdevhindi9937 3 ปีที่แล้ว

    you are working hard bro i really wish your channel goes far my all blessing with you 👍👍👍👍👍👍

  • @Hasansaid51
    @Hasansaid51 4 ปีที่แล้ว +1

    that visible={false} doesnt work for me lol
    Its always true!!
    I even reset my app
    that's super weird man

    • @andrewlloyd3277
      @andrewlloyd3277 4 ปีที่แล้ว

      I am having this same issue and cant find anything out about it in the docs. Did you get it to work?

    • @ruset-dewss4698
      @ruset-dewss4698 4 ปีที่แล้ว +1

      onPress does not work for Modal state change, An Alert.alert works there!. React native 0.62 gives TouchableOpacity as an example. Not able to resolve the issue when the video is followed ........

    • @perezcpt
      @perezcpt 4 ปีที่แล้ว

      @@andrewlloyd3277 Hey it works! Just try again.

    • @biagiola
      @biagiola 4 ปีที่แล้ว

      I have the same problem too, with a red border :c

  • @zulkarnain7103
    @zulkarnain7103 3 ปีที่แล้ว

    Thanks bro, it very helpfull for me

  • @karanchandra9789
    @karanchandra9789 4 ปีที่แล้ว

    How many videos you are still going to upload in this playlist??

  • @trandinhthang5778
    @trandinhthang5778 3 ปีที่แล้ว

    How to modal hide auto ? Without click close

  • @bonnieliu9784
    @bonnieliu9784 3 ปีที่แล้ว

    thank you so much! nice tutorial:)

  • @alexandergrebennikov7778
    @alexandergrebennikov7778 4 ปีที่แล้ว

    Great work again, Shaun!... Can you explain here how to use setTimeout()/setInterval() functions with Hooks in RN? I have some troubles with them... Thanks!...

  • @LotfiORouis
    @LotfiORouis 3 ปีที่แล้ว

    Thanks Ninja!! Great explanation!!

  • @prathamkesarkar
    @prathamkesarkar 4 ปีที่แล้ว

    Bro do a series on GOlang

  • @danishsheikh8934
    @danishsheikh8934 4 ปีที่แล้ว

    put snippet rnss and tab, that will create the stylesheet template .

  • @rajeevbhosle1580
    @rajeevbhosle1580 3 ปีที่แล้ว

    you are awesome....

  • @guymross
    @guymross 3 ปีที่แล้ว

    Amazing thanks!

  • @bilelrahmouni01
    @bilelrahmouni01 3 ปีที่แล้ว

    thank you

  • @surayuthpintawong8332
    @surayuthpintawong8332 2 ปีที่แล้ว

    Thanks!!!!

  • @unknownman1
    @unknownman1 4 ปีที่แล้ว

    at 9:07 while destructuring why did you use spread operators?

    • @Colstonewall
      @Colstonewall 4 ปีที่แล้ว +1

      Because he's using 2 style objects in the same place, he has to spread them. You can't do style={styles.modalToggle, styles.modalClose}, although you can do style={[styles.modalToggle, styles.modalClose]} using an array. . .He decided to just use them both inside 1 object and spread them (using the ...). If he didn't spread them, he would have an object inside an object.

    • @heatxtm
      @heatxtm 4 ปีที่แล้ว

      @@Colstonewall thanks for the explanation, didn't know about this functionality on js until now

  • @StarBattle08
    @StarBattle08 4 ปีที่แล้ว

    4:47 does the onPress method works for any vector icons?

  • @exkoi
    @exkoi 4 ปีที่แล้ว

    thank you

    • @exkoi
      @exkoi 3 ปีที่แล้ว

      @@francotheo7384 congrats. I hope you used that knowledge for good purpose.

  • @dodicandra4971
    @dodicandra4971 4 ปีที่แล้ว

    What extension did you use for the RN?

    • @DigitalMonsters
      @DigitalMonsters 4 ปีที่แล้ว +1

      Can't remember what is called but just search for jsx and grab the top two, and react snippets so you can type things like rfce and for tab to generate components
      ES7 React/Redux/GraphQL/React-Native snippets

  • @DiegoHarari
    @DiegoHarari 3 ปีที่แล้ว

    Great videos! love the net ninja, just my two cents. onPress = {toggleModalOpen} and this function it just does this: setModalOpen(!modalOpen)