Row Layouts with Jetpack Compose

[@jitendrapratap6327]

Never thought that I would learn Kotlin and here I am.

[@clausji]

Thank you Mitch I just starting working at McDonalds as a front end dev and they use MVVM with compose and Hilt injection so your videos are super helpful to get up to speed 😊👏

[@BlackIronMess]

I'm new to all this jetpack compose library and your videos have been a gift, thanks for this course Mitch

[@gulshanpatidar7908]

It is a great in depth video which gave me clear understanding of rows and arrangements

[@VivekSharma-qw5ky]

we can also use : Row( modifier = Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.SpaceBetween, verticalAlignment = Alignment.CenterVertically ){ // } arrangement and alignment in Row and Column composable @CodingWithMitch

[@matheuscorrea8039]

That seems more organized to me

Hey Mitch. You have it, the talent to teach.

[@alirezafaraji]

I hate android programming. most of the stuff has changed. despite that, you're awesome man. keep it up

[@jensnorell1724]

Great stuff Mitch! I am doing my own project in Android and your videos are always extremely helpful. Thumbs up and a subscription from me.

[@freed5464]

You want engagement? You want me to give you something? I buy ring. I give ring🙄 Seriously though, keep it up! I signed up for your KZbin channel and I'll probably do the same for your website. I'm taking a break from coding for the rest of the weekend (an improbable occurrence) and I'm going to go through your videos. Thanks! for the great content.

[@andrewizquierdo5944]

hey mitch, good video. QUESTION! with your Row that's comprised of "Happy Meal" text and "price" text.... i understand how you use `Arrangement.SpaceBetween` in the parent Row so that the first Text() will be at Start, and the second Text() will be at end.... . however.... if your first Text() 's text takes up too much horizontal space, it seems to push the second Text() off screen. ... im trying to get it so that the second Text() will ALWAYS be at the end, and if the first Text()'s text is approaching it, that it will just wrap itself and will not interfere with the second Text() .... any ideas? thanks! =)

[@AbdulSamadQurashi]

Hey mitch, here is your engagement :), please update the jetpack compose lectures as they are bit old

[@vladimirpavlov]

Great stuff Mitch! You are the best!

[@dreeemchaser9758]

Thank you ! your video helped me with an assignment :)

[@KevinMeneses]

Great stuff Mitch, your content is useful as always

[@roxxyrafael2564]

Learning a lot from your channel! One of the best channel to learn and be updated with android development. Thanks for your videos! I hope Paging will be included as topic in your next videos! :)

[@codingwithmitch]

Pagination will be part of the course. I don't use the paging libraries tho. I prefer a custom approach

[@nicolagallazzi9295]

Great tutorial Mitch, thanks!

[@hellespont5072]

Great stuff Mitch, new sub here! Certain things have changed with Compose since these vids were made, but actually it helps me with learning as it really gets you thinking deeply about this stuff. Looking forward to completing this course! 👍👏

[@Satishsingh-yc9bs]

Hey Mitch. Here is your Engagement 😁

[@mytubekt]

2:30 Great explanation! Thanks!

[@adamnoor8380]

Order of the composable function is also effect a lot. Like when applying background or padding just switch their places above and below so you feel the difference.

[@rafaeldavidcastroluna7600]

Mitch, greetings from El Salvador

[@anshumandhal]

Thanks for the free course, Mitch!

[@asimshahzad3672]

Hey Mitch is it good practice to use this thing as it can be too much code inside activity ?.

[@helskamp2109]

I love the way Mitch explains the different subjects! I wanted to use Co-Routines forlong time but never got into it (because it looked difficult). After i saw "CodingWithMitch" youtube lessons.... it was soooo easy. Now i am a big fan. Thank you for explaining difficult stuff (at first) and make it understandable! I will see *all* your youtube videos !!! Regards, henk

[@kashwaa]

The concept of alignment and arrangement is easy. If you are confused just remember that: In Columns: - Column is responsible for laying out its children vertically. i.e. It should be the one who knows how to arrange children vertically, and children has nothing to do with that, because it would be a mess if each child decided to align it self without arranging with its siblings. - But each child is free to but itself horizontally in any where it likes because the column gives it the whole column width as a horizontal space to play with. In Rows the exact opposite apply. - Row is responsible to layout its children horizontally - Each child is given the whole height of the row to put itself anywhere vertically in that space.

[@reda8959]

For someone starting Android development, do you suggest jumping right away into Compose or is it better to learn old layouts first? Great course btw! I like your work very much

[@codingwithmitch]

I think movie ng forward compose is the way. But you might have a tough time getting a job until it gets some momentum

[@simonpeterojok2291]

Yeah 😂

[@SpaceTimeBeing_]

xml for now, but checkout compose, it would be hard to learn suddenly when it gets released since it's completely different.

[@ashishgautam2842]

nicely explained love it ❤

[@heshammohamed6385]

Very Brilliant Mitch

[@vibinu7589]

What's the equivalent of wrapcontent, matchparent and fillparent in compose?🤔

[@kmaximoff]

Match thank you for all of your courses, I love the way you explain. I would like to see fundamental course that only focuses on Kotlin (as alternative to Java courses), all aspects of language and tons of practice problems, and sample console applications. PS. I have looked all other courses on Kotlin on internet they make you familiar with syntax but do not teach how to code purely on Kotlin.

[@paulvickers8059]

jetbrains academy has a kotlin track, which is I think is still in beta, so is free for the time being. It's very good, you have to solve problems. There's also a book atomic Kotlin which does something similar.

[@kmaximoff]

@@paulvickers8059 thank you Paul!

[@ViralJoshiVirus]

Wowiee...mitch..awesome..

[@muhammadfirdaus3390]

Great job: please focus on JP Compose, if you think and believe that's is the future.

[@jeankarax9263]

Here's your engagement! :)

[@adamnoor8380]

I like your content very helpful

[@hirendesai8261]

is there any bug in android studio canary 4.2? cause whenever i make changes in jetpack compose app i need to uninstall the app and then have to install it again in order to see changes. I'm not able to see changes after running app or instant run feature.

[@tcpro0902]

Can we use constraint layout with compose (rows and columns)?

[@jess_o]

13:35 Lets say the title might have a very long string, that will take up more than the width of the screen and we wish for it to wrap before hitting the price Text. How would we accomplish that? I have a similar layout right now, a Column filled with multiple Rows, that forces the last item of the row out of alignment when the item to its left is too long. In my case, it happens to be a Text shoving a Radiobutton wide to the right

[@jess_o]

Nevermind, figured it out from your Compose recyclerview video; fillmaxwidth(0.85f) on the text

[@kondalraotirumalasetty3908]

Do we have Flex layouts in compose

[@kunalkotiyal9566]

Thumbnail 👌🏼

[@frankyjunior6005]

if the tile is too long, the price will not appear, any suggestion to fix this issue?

[@vicky22702]

Engagement here 👍😉

[@abdelrahmanesam3684]

Do you think this will be cross platform too and native development will die ? Particularly with kotlin multiplatform ?

[@codingwithmitch]

Who knows

[@SpaceTimeBeing_]

Why use spacer composable so much, wouldn't padding within modifier of the other composables do the same?

[@codingwithmitch]

Ya fine either eay

[@cicerohellmann]

Here's your engagement :)

[@محسننادرزاده]

Hey Mitch, here is your engagement

[@alirezahsn]

perfect👌flutter like😉

[@codingwithmitch]

ya very much

[@Christopher-pe6zj]

Good part starts @ 10:00 - You're welcome! (I come for the art)

[@codingwithshafi7837]

Mith, hare is you engagement.

[@sebastianval1711]

Would be very nice a compose tutorial using a Stack like in flutter

[@farukarnaut90]

Good job

[@matheuscorrea8039]

How to deal with the cases that the title is big? I want a layout similar to "title - end to start - price" without using constraint layout.

[@matheuscorrea8039]

After some research i found the solution The solution is using weight on the modifier elements Text( "Happy Meal", modifier = Modifier.weight(9f) ) Text( "$ 5.99", modifier = Modifier.weight(1f) ) stackoverflow.com/questions/58650272/weights-in-jetpack-compose

[@roshanfx369]

Nice!!

[@nayanagarwal5312]

Orientation reminds me of flexbox in CSS

[@антонсыч-ъ9и]

Thanks a million!!!

[@hnim2292]

please more compose Mitch, now I can't see the power of compose vs xml layout :(

[@codingwithmitch]

Yep more videos coming

[@hellosagar]

Yo Mitch!

[@desykevin7133]

ok this is more like css flexbox, but looks more complex :D

[@tekhiun]

Damn you skipped the most important part, how we make the app gives us a happy meal

[@MuhammadSalman-me5ks]

I want more

[@codingwithmitch]

More is coming

[@Scamparelli]

Looking for way to chain more than two items - so for example two icons, with text between, where the text doesn't overlay the icons.. I'm sure you have already done this, but comment as you asked!! :)

[@kishorramani007]

🙌

[@prajnadeep]

So Android is flutter now ?

[@simrandotdev]

Flutter is React Native with Dart

[@simonpeterojok2291]

Android is declarative now

[@codingwithmitch]

Yes 😂

[@unknown710]

@@simonpeterojok2291 yeah and I would say goodbye to epoxy once compose gets stable

[@Rafael-hk9pg]

I still can 't position two columns next to eachother in a row..

[@SamuelToloza]

Why are Column, Row, Spacer etc not separated by commas or something? this is breaking my mind

[@codingwithmitch]

You'll be ok

[@ernestasraudonis9919]

Column, Row, Spacer are just composable functions, so you should think of them as just that - functions. While writing basic Kotlin functions, do you separate them with commas? It's the same here, you only use commas to separate the parameters (modifier, color, text, background, etc...)

[@SamuelToloza]

@@ernestasraudonis9919 ooh they are Kotlin functions. thanks. I dont know Kotlin yet