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

Подписаться 169 тыс.

Просмотров 125 тыс.

50% 1

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

Опубликовано:

4 апр 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 118

@vinshuchaudhry6383 3 года назад

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

@PhilippLackner 3 года назад

Thanks man!

@imkj6 2 года назад

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 2 года назад

Thanks a lot! Glad you like my videos

@utkarshsharma7932 2 года назад

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.

@rajm2671 Год назад

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

@ByDanyt 5 месяцев назад

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

@mithilmehta1501 10 месяцев назад

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

@tharasreenivasan2948 5 месяцев назад

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 ❤

@techienomadiso8970 2 года назад

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!

@bjugdbjk 3 года назад

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 3 года назад

Thanks mate, you're welcome!

@AkimboFennec Год назад

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.

@iftak01 Год назад

Best compose playlist tbh more of the useful stuff

@durbie90 3 года назад

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 3 года назад

I already love it!

@0ne87 Месяц назад

This is better than Androids own tutorial.

@hellomoto2429 Год назад

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

@mohdotnet 11 месяцев назад

Thank you Philip - learnt quite a bit in this video

@brigadir5830 Год назад

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

@mohammadatif2774 2 года назад

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 2 года назад

Thanks bro!

@Abdul_Rafay_Pal Год назад

same

@rpanda_old 10 месяцев назад

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

@behnamkhani3721 2 года назад

Awesome! Thanks Philipp ✔️

@mi_the_pro_pxssy_n_drug_addict 6 месяцев назад

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

@mahmuduulkarimlincoln7932 2 года назад

Hey Philipp, Take Love from Bangladesh !!

@iam-learning6374 3 года назад

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

@zm5271 3 года назад

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 3 года назад

Thanks for the feedback :)

@Momo-zi2hi 3 года назад

Thank you for all the good tutorials

@PhilippLackner 3 года назад

Glad you like them!

@UltimateDevelopersGroup Год назад

Philip i'm fan of you good luck

@BearkFearGamer 3 года назад

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

@mohammad-hossein-farzanegan 5 месяцев назад

Thank you for sharing your knowledge

@xaviersoh 2 года назад

Cool, very understanding when comming from Flutter

@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 RU-vid chenal ? 🤔

@kurniawanhendra2683 3 года назад

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

@droidcasts7350 3 года назад

very nice explanation, keep it up!

@Ab-no6rz 3 года назад

Navigation will be interesting.

@PhilippLackner 3 года назад

coming :)

@mastmusic2837 3 месяца назад

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

@Kunal-jp8tn 2 года назад

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

@user-vq3ep4cp1t 3 месяца назад

thanks for this video still use-full in 2024

@mohitashliya8750 3 года назад

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 3 года назад

Thanks for sharing!

@maryannadelman4438 8 месяцев назад

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.

@khemrajkashyap010 2 года назад

love from India bro nice ....

@mortezaallahyary6949 2 года назад

Tnx for very good teaching

@mralbornoz3671 3 года назад

Yes yes yes keep going with this videos please

@vinaykumarpatel649 3 года назад

Exited to see next videos

@PhilippLackner 3 года назад

glad to hear that

@prateekgupta9560 2 года назад

I really love your video

@karanjhinga 3 года назад

Best video ❤️

@abuiman5251 Год назад

Thank you!!

@jaiacharya2004 Месяц назад

Great explanation Can you upload complete Android course plz plz

@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

@cynthiaifunanya4880 4 месяца назад

Thanks so much sir

@fabienmarie-louise3607 3 года назад

It was a good css Flexbox tutorial 🤣

@PhilippLackner 3 года назад

lol exactly my thought

@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

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

@muhammadhamzaqureshi 2 года назад

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

@vikramsinghmyself 2 года назад

Will data binding possible with compose?

@gilsonjuniorpro 3 года назад

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

@arunsudharsan5506 2 года назад

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

@onnysmenete2350 2 года назад

Hello! Can i set percentages width?

@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

@devsadeq 3 года назад

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

@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

@funnymoment9164 3 года назад

Thanks

@codeone6423 4 месяца назад

thanks

@saraelmoghazy4058 3 года назад

i think spaces differences like group packing in constraint layout

@ivancarranza2473 2 года назад

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 2 года назад

Thanks, yes I'm also visible there :)

@ivancarranza2473 2 года назад

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

@xaviersoh Год назад

You like the green sure!!!

@re_allyedge 3 года назад

Nice

@somith16 3 года назад

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

@PhilippLackner 3 года назад

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

@AcmadHidayat-hs3sz 8 месяцев назад

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

@TejasKondhalkar 2 года назад

Great

@prometheusli101 3 года назад

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

@nishantaanjaneyjalan8583 3 года назад

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 3 года назад

exactly

@shashankbhat6184 3 года назад

🔥🔥

@iamcodeiamcode0287 Год назад

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

@mohitwagh8573 8 месяцев назад

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

@gajendrapandeya5081 3 года назад

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

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

@tomaszb9668 2 года назад

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

@cinnybun739 2 года назад

I'm saying again, you are a god lol

@imnithish 3 года назад

DOPE

@alexeymurnikov1413 3 года назад

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

@jasimchouhan4784 Год назад

I love XML 😂

@mohammadtaqivelani3976 Год назад

fraction 👌

@dellibilli2025 3 года назад

Jetpack compose is deprecated 😭

@mdsufikhan9239 3 года назад

Looks like features as Flutter.

@PhilippLackner 3 года назад

yep

@backup9120 3 месяца назад

They should learn from kivy

@alaminegueye3218 Год назад

How does he just reload his emulator so fast ?

@melianiabdelghani371 3 года назад

We want the third 😂

@PhilippLackner 3 года назад

Tomorrow :D

@JesusFerVid94 Год назад

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

@giocornejo2222 Год назад

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

@enjoywithcraft 9 месяцев назад

its like flutter dart ui

@theexplorer9012 5 месяцев назад

lol flutter outdated

@swapnilkadam1391 2 года назад

commenting for youtube algo.

@natnaelabay670 2 года назад

All the years I have wasted with XML

@zepra2133 Год назад

it's look like flutter in some part

@ahmadsyahrul9133 3 года назад

lama-lama kayak flutter nih (-_-)

@maryannadelman4438 8 месяцев назад

Never mind. Got it. Stupid mistake. 🙄

@vinaybakle6443 3 года назад

Its a copy of flutter row and column widgets😂

@PhilippLackner 3 года назад

and that is a copy of CSS flexbox :D

@MacchiavelliSpielberg 2 месяца назад

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