Rows, Columns & Basic Sizing - Android Jetpack Compose - Part 2

In this video, you will learn about the row and column composable and how we can use modifiers to size our composables.
⭐ Get certificates for your future job
⭐ Save countless hours of time
⭐ 100% money back guarantee for 30 days
⭐ Become a professional Android developer now:
pl-coding.com/premium-courses/
💻 Let me personally review your code and provide individual feedback, so it won't backfire and cost you a fortune in future:
elopage.com/s/philipplackner/...
Regular coding related posts on my Instagram: / _philipplackner_
Checkout my GitHub: github.com/philipplackner

Пікірлер: 118

  • @vinshuchaudhry6383
    @vinshuchaudhry63833 жыл бұрын

    hands down the best teacher, always explain small concepts with ease which other youtubers don't.

  • @PhilippLackner

    @PhilippLackner

    3 жыл бұрын

    Thanks man!

  • @imkj6
    @imkj62 жыл бұрын

    Even as a senior (back-end) dev coming into Android, you're doing a great job at explaining things - even for those among us that are visually inept.

  • @PhilippLackner

    @PhilippLackner

    2 жыл бұрын

    Thanks a lot! Glad you like my videos

  • @ByDanyt
    @ByDanyt5 ай бұрын

    Omg these tutorials are exactly what I was looking for! They are so complete and easy to understand... Greetings from Spain!😁🤓

  • @0ne87
    @0ne8725 күн бұрын

    This is better than Androids own tutorial.

  • @techienomadiso8970
    @techienomadiso89702 жыл бұрын

    Coming from JS React J's, I had given up on Android Kotlin/Java with Xml. But when I saw Jetpack compose... something clicked and now I wanna do this. It's like some React Native in UI components construction 💯💯💯💯 Thank you a bunch!

  • @utkarshsharma7932
    @utkarshsharma79322 жыл бұрын

    You are really good at explaining things and also in Android. I was a bit surprised at your migration to Web Development. But when you are back you bring this awesome thing. Great buddy keep this up.

  • @tharasreenivasan2948
    @tharasreenivasan29484 ай бұрын

    Hey Phillip! Thanks a ton! Your explanations are so crisp and easily understandable. I am doing my internship on Kotlin and Jetpack compose...So your videos are life saviors for me. I will finish this series & also you earned a new subscriber ❤

  • @mithilmehta1501
    @mithilmehta150110 ай бұрын

    You explain all concepts so so easily. Thank you so much 😊

  • @rajm2671
    @rajm2671 Жыл бұрын

    No words to say. Hats off to your teaching. Keep it up.

  • @mohammadatif2774
    @mohammadatif27742 жыл бұрын

    tried to stick to google codelabs for jetpack compose but man can't get myself away from your videos , just great and perfect as always. I was trying to learn it myself via google docs but here i am , you are amazing man.

  • @PhilippLackner

    @PhilippLackner

    2 жыл бұрын

    Thanks bro!

  • @Abdul_Rafay_Pal

    @Abdul_Rafay_Pal

    Жыл бұрын

    same

  • @rpanda_old

    @rpanda_old

    9 ай бұрын

    Yes codelabs is good but it doesn't clear concepts which these videos help with

  • @dayapangestu9218
    @dayapangestu9218 Жыл бұрын

    Column: VerticalArrangement -> Arrange item inside column : VerticalAlignment -> Allign how to position the column itself from the parent (center/start/end) row : HorizontalArrangement -> Arrange item inside row : HorizontalAlignment -> Allign how to position the row itself from the parent (center/start/end)

  • @BearkFearGamer
    @BearkFearGamer3 жыл бұрын

    years of experience on react and components, i give a try to native apps in android studio but xml sucks, now in compose its a game changer

  • @mohdotnet
    @mohdotnet11 ай бұрын

    Thank you Philip - learnt quite a bit in this video

  • @iftak01
    @iftak01 Жыл бұрын

    Best compose playlist tbh more of the useful stuff

  • @user-vq3ep4cp1t
    @user-vq3ep4cp1t3 ай бұрын

    thanks for this video still use-full in 2024

  • @AkimboFennec
    @AkimboFennec11 ай бұрын

    Phillip, you are so good. Make sure to always explain stuff in detail. Also one note for this video: you should have explained relative to what the Column view is. Since I have some experience with iOS, I understood that it was relative to a screen. But me other might not have understoood that it had to do with screen width and height in pixels.

  • @mastmusic2837
    @mastmusic28373 ай бұрын

    Arrangement specifies the distribution of space between items along the main axis (horizontal for Row, vertical for Column). Alignment refers to how items are positioned perpendicular to the main axis. For a Row, this would be vertical alignment (how items are aligned top to bottom within the row), and for a Column, horizontal alignment (how items are aligned left to right within the column).

  • @brigadir5830
    @brigadir5830 Жыл бұрын

    Спасибо за отличный урок всего вам хорошего 👍👍👍

  • @hellomoto2429
    @hellomoto2429 Жыл бұрын

    It looks very similar to creating UI in flutter, so it'll be easier to learn for me. Thanks for your YT tutorials :)

  • @durbie90
    @durbie903 жыл бұрын

    Compose is going to be so great to use. Looking forward to trying it out myself. Only once I've gotten better at the old way though.

  • @PhilippLackner

    @PhilippLackner

    3 жыл бұрын

    I already love it!

  • @Ab-no6rz
    @Ab-no6rz3 жыл бұрын

    Navigation will be interesting.

  • @PhilippLackner

    @PhilippLackner

    3 жыл бұрын

    coming :)

  • @mi_the_pro_pxssy_n_drug_addict
    @mi_the_pro_pxssy_n_drug_addict6 ай бұрын

    dude you are meant to enlighten us bro 🔥🔥🔥🔥🔥🔥

  • @behnamkhani3721
    @behnamkhani37212 жыл бұрын

    Awesome! Thanks Philipp ✔️

  • @mohammad-hossein-farzanegan
    @mohammad-hossein-farzanegan5 ай бұрын

    Thank you for sharing your knowledge

  • @bjugdbjk
    @bjugdbjk3 жыл бұрын

    Ur videos r super easy to understand the concepts, So So better than Android documentation and any other resources online ... U r the best teacher ...!!!!

  • @PhilippLackner

    @PhilippLackner

    3 жыл бұрын

    Thanks mate, you're welcome!

  • @xaviersoh
    @xaviersoh2 жыл бұрын

    Cool, very understanding when comming from Flutter

  • @mahmuduulkarimlincoln7932
    @mahmuduulkarimlincoln79322 жыл бұрын

    Hey Philipp, Take Love from Bangladesh !!

  • @Momo-zi2hi
    @Momo-zi2hi3 жыл бұрын

    Thank you for all the good tutorials

  • @PhilippLackner

    @PhilippLackner

    3 жыл бұрын

    Glad you like them!

  • @droidcasts7350
    @droidcasts73503 жыл бұрын

    very nice explanation, keep it up!

  • @iam-learning6374
    @iam-learning63743 жыл бұрын

    Philipp - I love you man :) - you are awesome .... thanks for all your tutorials :)

  • @zm5271
    @zm52713 жыл бұрын

    Started watching this series. Really like your approach to teaching but that analogy about streets when you were explaining Row/Column axis stuff was a little bit confusing, but at the end I understood the concept. Thank you for sharing your knowledge and I wish you the best

  • @PhilippLackner

    @PhilippLackner

    3 жыл бұрын

    Thanks for the feedback :)

  • @mohitashliya8750
    @mohitashliya87503 жыл бұрын

    Bro your videos need to be shared immediately be me and by every one here to the ones in need of best ever Tutorials in Android.

  • @PhilippLackner

    @PhilippLackner

    3 жыл бұрын

    Thanks for sharing!

  • @khemrajkashyap010
    @khemrajkashyap0102 жыл бұрын

    love from India bro nice ....

  • @Kunal-jp8tn
    @Kunal-jp8tn2 жыл бұрын

    Thank you so muhc. This video was very helpful....

  • @mortezaallahyary6949
    @mortezaallahyary69492 жыл бұрын

    Tnx for very good teaching

  • @kurniawanhendra2683
    @kurniawanhendra26833 жыл бұрын

    Fu***** awesome.... really fall in love with you Jetpack Compose, it's like ReactJS taste with the power of reusable components.... Aweeeeeesomeeeeeeeeee..........

  • @jaiacharya2004
    @jaiacharya2004Ай бұрын

    Great explanation Can you upload complete Android course plz plz

  • @xandrviking1113
    @xandrviking1113 Жыл бұрын

    Hello Philip , nice to hear you again 👍. Thank you so much for your lessons 🤝🇺🇦. Tell me pls, why you don't have a sponsor options on this KZread chenal ? 🤔

  • @cynthiaifunanya4880
    @cynthiaifunanya48803 ай бұрын

    Thanks so much sir

  • @UltimateDevelopersGroup
    @UltimateDevelopersGroup Жыл бұрын

    Philip i'm fan of you good luck

  • @maryannadelman4438
    @maryannadelman44388 ай бұрын

    You're the best teacher! You got me (no coding experience) through learning Android XML. Now learning Compose. Question: it seems I have to add "androidx.compose.ui.graphics." in front of "Color" in order to be able to access the basic colors (like Green). Why is that? In your code you don't have to do that.

  • @vinaykumarpatel649
    @vinaykumarpatel6493 жыл бұрын

    Exited to see next videos

  • @PhilippLackner

    @PhilippLackner

    3 жыл бұрын

    glad to hear that

  • @abuiman5251
    @abuiman5251 Жыл бұрын

    Thank you!!

  • @fabienmarie-louise3607
    @fabienmarie-louise36073 жыл бұрын

    It was a good css Flexbox tutorial 🤣

  • @PhilippLackner

    @PhilippLackner

    3 жыл бұрын

    lol exactly my thought

  • @fabienmarie-louise3607

    @fabienmarie-louise3607

    3 жыл бұрын

    I think it’s a good thing. Now frontend, compose and SwiftUI has same concept and it’s more easy to switch between technology

  • @prateekgupta9560
    @prateekgupta95602 жыл бұрын

    I really love your video

  • @mralbornoz3671
    @mralbornoz36713 жыл бұрын

    Yes yes yes keep going with this videos please

  • @manasraut9825
    @manasraut9825 Жыл бұрын

    Nice Tutorial!! But is there a way to view changes live like xml or hot reload? I have a slow pc so rebuilding it everytime to see changes takes time and is very annoying

  • @karanjhinga
    @karanjhinga3 жыл бұрын

    Best video ❤️

  • @muhammadhamzaqureshi
    @muhammadhamzaqureshi2 жыл бұрын

    coming from a web background this makes much more sense and jetpack compose is easier

  • @codeone6423
    @codeone64234 ай бұрын

    thanks

  • @xaviersoh
    @xaviersoh Жыл бұрын

    You like the green sure!!!

  • @wizardy6267
    @wizardy6267 Жыл бұрын

    Well, nice tutorial, thanks a lot. Only one thing, the CSS, JSX, Jetpack, ppl doing the pertty much same thing over and over again but with slight different variations. Where is the creativities? Wondering what name android team will use if they redo pixel/veterx sharder :) Oh~Edited, the creativity is in next video of the list, thanks

  • @onnysmenete2350
    @onnysmenete23502 жыл бұрын

    Hello! Can i set percentages width?

  • @funnymoment9164
    @funnymoment91643 жыл бұрын

    Thanks

  • @vikramsinghmyself
    @vikramsinghmyself2 жыл бұрын

    Will data binding possible with compose?

  • @gilsonjuniorpro
    @gilsonjuniorpro3 жыл бұрын

    Hey Philipp, do know something about circle ci in Android? if yes, could you create a video about it? thanks

  • @nishantaanjaneyjalan8583
    @nishantaanjaneyjalan85833 жыл бұрын

    Column and Row in Jetpack Compose are similar to flexbox in webdev. // Main axis is horizontal, Cross axis is vertical .Row { display: flex; flex-direction: row; } // Main axis is vertical, Cross axis is horizontal .Column { display: flex; flex-direction: column; }

  • @PhilippLackner

    @PhilippLackner

    3 жыл бұрын

    exactly

  • @arunsudharsan5506
    @arunsudharsan55062 жыл бұрын

    if we try adding different colors to the children texts inside the column, we'd better visualize the differences in the main axis arrangements :)

  • @saraelmoghazy4058
    @saraelmoghazy40583 жыл бұрын

    i think spaces differences like group packing in constraint layout

  • @AcmadHidayat-hs3sz
    @AcmadHidayat-hs3sz8 ай бұрын

    Ass ? Saya suka Apos ini propesional& berguna/ bermanfaat 😝

  • @devsadeq
    @devsadeq3 жыл бұрын

    Do we need to use databinding anymore? , Please make a full MVVM App with these composes ❤️

  • @PhilippLackner

    @PhilippLackner

    3 жыл бұрын

    you didn't need to use it for XML but for compose you actually can't. I wasn't a fan of it anyways

  • @iamcodeiamcode0287
    @iamcodeiamcode0287 Жыл бұрын

    Coming from React Native developer here , more confident with compose 😂

  • @somith16
    @somith163 жыл бұрын

    Sir which backend to start with for android dev (Firebase I have already tried it out ) any suggestion

  • @PhilippLackner

    @PhilippLackner

    3 жыл бұрын

    doesn't matter, choose based on the language you like

  • @re_allyedge
    @re_allyedge3 жыл бұрын

    Nice

  • @ivancarranza2473
    @ivancarranza24732 жыл бұрын

    I like your teaching style, and the content of the course. I have a question though, are you always on camera too, on your paid courses? I think it's better to just display the content of your computer screen. Anyway, let me know. Thanks

  • @PhilippLackner

    @PhilippLackner

    2 жыл бұрын

    Thanks, yes I'm also visible there :)

  • @ivancarranza2473

    @ivancarranza2473

    2 жыл бұрын

    @@PhilippLackner Ok cool. i'll go through what you have on youtube and see if i get used to it. Thanks again.

  • @TejasKondhalkar
    @TejasKondhalkar2 жыл бұрын

    Great

  • @shashankbhat6184
    @shashankbhat61843 жыл бұрын

    🔥🔥

  • @mohitwagh8573
    @mohitwagh85738 ай бұрын

    in my android studio it showing error for horizontalArrangement and verticalAlignment !! pls help me!!

  • @prometheusli101
    @prometheusli1013 жыл бұрын

    so the ui cant change in alive?you must rerun when you change the ui?

  • @cinnybun739
    @cinnybun7392 жыл бұрын

    I'm saying again, you are a god lol

  • @tomaszb9668
    @tomaszb96682 жыл бұрын

    how to use that kind of emulator instead of build in android studio layout ?

  • @imnithish
    @imnithish3 жыл бұрын

    DOPE

  • @gajendrapandeya5081
    @gajendrapandeya50813 жыл бұрын

    I have been learning flutter development from past 3 days Rip flutter Devs We now have @compose❤️❤️

  • @mdazharuddin4684

    @mdazharuddin4684

    3 жыл бұрын

    Not exactly. Both have their own set of advantage and needs. I just started Android development and have been working with flutter since 1.0 and now, I am super excited to see the same declarative style and some terminology here 😃 Only if hot reload was here 🤞

  • @jasimchouhan4784
    @jasimchouhan4784 Жыл бұрын

    I love XML 😂

  • @mohammadtaqivelani3976
    @mohammadtaqivelani3976 Жыл бұрын

    fraction 👌

  • @alexeymurnikov1413
    @alexeymurnikov14133 жыл бұрын

    YEEEEEEEEEEEEEEEEEAAAAAAAAAHHHHH!!1!!1!!one!!1

  • @dellibilli2025
    @dellibilli20253 жыл бұрын

    Jetpack compose is deprecated 😭

  • @backup9120
    @backup91203 ай бұрын

    They should learn from kivy

  • @JesusFerVid94
    @JesusFerVid94 Жыл бұрын

    4:16 I see some people are about to _FLEX_ their CSS knowledge here...

  • @mdsufikhan9239
    @mdsufikhan92393 жыл бұрын

    Looks like features as Flutter.

  • @PhilippLackner

    @PhilippLackner

    3 жыл бұрын

    yep

  • @melianiabdelghani371
    @melianiabdelghani3713 жыл бұрын

    We want the third 😂

  • @PhilippLackner

    @PhilippLackner

    3 жыл бұрын

    Tomorrow :D

  • @alaminegueye3218
    @alaminegueye3218 Жыл бұрын

    How does he just reload his emulator so fast ?

  • @giocornejo2222
    @giocornejo2222 Жыл бұрын

    is it because google is the one who made flutter that's why this one looks flutter? help me out.

  • @swapnilkadam1391
    @swapnilkadam13912 жыл бұрын

    commenting for youtube algo.

  • @enjoywithcraft
    @enjoywithcraft9 ай бұрын

    its like flutter dart ui

  • @theexplorer9012

    @theexplorer9012

    5 ай бұрын

    lol flutter outdated

  • @natnaelabay670
    @natnaelabay6702 жыл бұрын

    All the years I have wasted with XML

  • @ahmadsyahrul9133
    @ahmadsyahrul91333 жыл бұрын

    lama-lama kayak flutter nih (-_-)

  • @maryannadelman4438
    @maryannadelman44388 ай бұрын

    Never mind. Got it. Stupid mistake. 🙄

  • @zepra2133
    @zepra2133 Жыл бұрын

    it's look like flutter in some part

  • @vinaybakle6443
    @vinaybakle64433 жыл бұрын

    Its a copy of flutter row and column widgets😂

  • @PhilippLackner

    @PhilippLackner

    3 жыл бұрын

    and that is a copy of CSS flexbox :D

  • @MacchiavelliSpielberg
    @MacchiavelliSpielbergАй бұрын

    not sure if something changed recently but i tried following these directions and dp was "unresolved" and didnt work. i had to manually import androidx.compose.ui.unit.dp by adding it to the imports up top in case anyone else is having this issue

  • @Sonu-ms6lw
    @Sonu-ms6lw Жыл бұрын

    Thank you sir

  • @amineayachi335
    @amineayachi3352 жыл бұрын

    thanks