Instagram Profile UI in Jetpack Compose - Android Studio Tutorial
Вставка
- Опубліковано 19 вер 2024
- In this video, you'll learn to make the profile page of Instagram in Jetpack Compose.
⭐ 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/...
💻 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/...
Get the source code for this video here:
github.com/phi...
Regular programming advice on my Instagram page: / _philipplackner_
Checkout my GitHub: github.com/phi...
You like my free content? Here you can buy me a coffee:
www.buymeacoff...
I see you're a man of culture
Philipp with MiaKhalifa 🤣😂😂
I was watching the tutorial and suddently I realiced that 😂You won me on comment it out here
Followed by miakhalifa 🤣
Philipp has a lot of jokes like that
😂😂
Now i can migrate to Jetpack, I will always remember this awesome tutorial
I love this video! It was so educational and I learnt a lot from it! Thank you Philipp!!
24:16
Philipp: Mia Khalifa, Whoever that is?
Me: HEHEHE
Great Tutorial.. Would love to see more of the UI builds.....
Awesome tutorial, thank you so much, learned a lot form it !😊
You're very welcome!
Mechanical keyboards are great remedy for hangover.
Great tutorial about JetPack Compose, thanks a lot!
Nice one Phillipp. I request you make a cool nav bar drawer with compose. One that uses animation to draw the drawer.
great tutorials and great instagram followers in this ui....🙂
Great to see that mia khalifa follows you. 🤣 Your tutorials stood out that even attracted other industries.
lets make a Spotify one Philipp !!!
Hey Philipp, thank you for the course.
Thanks Philipp
Amazing tutorial, thank you so much!!! 😍
Compose is Live !!
10:59 Surprise, Surprise the composable takes a modifier again!! Good Humor and your way of teaching is out of this world. My main takeaway today was the TabRow composable and several other tricks you showed on the Video. Armed with this knowledge I will now go ahead and clone my Twitter profile.
Awaited!
Great content, thank you Philipp 👍
the keyboard is fine man , nice video
Thanks for your videos.
Some suggestions:
28:20 I'd use a scope function (?.run, ?.let, ?.apply) instead of null checking
Bro those functions should be used in more dynamic situations like observing livedata. There is no need to keep that much safe when data doesnt change while using in normal situations
@@twojaStara698 nope. That's how you null check in Kotlin. It is a standard practice in Kotlin.
@@farazahmed7oho
Amazing content man.
Awesome t-shirt 👍
Thank you for your videos!
Great tutorial
very cool Bro
wish you all the best 👍👍👍👍🔥🔥🔥🔥
Thanks! You too!
please bring more videos like this
Bro realy thought that he could hide miakhalifa 😂
Good content keep going so much useful
Awsome video very help full me
Sheeeeesh 🥶🥶🥶
Hi PL, Why are you creating top bar manually and in the last video in meditation ui you created bottom bar manually. Why you don't use default components provided by andorid e.g. BottomAppBar, TopAppBar?
Thank you for this video sir
Hi Philipp . One question. Video (30.40) when I add ProfileScreen ButtonSession (modifir = modifir.fillMaxWidth) for some reason the buttons do not stretch along the entire length. What could it be? I follow your example.
Make Similar for Feed and all other screens in Instagram too
Big fan bro!
24:17 Yea, who's that Philipp?
It will be great if you can flow material design along with... My whole android team follows
is it the great time to watch it today? Or should i consider new uploads on your channel?
Thanks a lot!
excellent video
Great compose tutorial. How did you get so much space above the "profilename", did you changed something in the manifest?
is that posttabview the same as when you would implement a full screen tab bar navigation layout?
Spotify for sure
Wonderful
"followed by, codinginflow..... and our dear miakhalifa, whoever that is" underrated comment, I almost spilled my coffee.
Can u make Spotify UI, or netflix UI?
hey can you tell me how instagram approaches the posts Cache and maintain data for one fragment if we switch to another one...and update data on fragment if data has changes
Did you tried to rotate you screen? UI is not as per expectation. Scroll is not working.
awesome content thank you and how to splash secreen in jetpack compose
Yo big 🐕
Do you have a video explaining how to have an image picker and then storing the resulting image in a database (either its data/bytes or its URI)?
I've basically got it working, I guess, but I don't know if it's better to store the image data itself or just the URI. I'd prefer the URI but it's so easy to move images around on a device (like to a different folder/album) that I could see images easily being broken due to being moved. Then if you store data you'll need to resize the images because you don't want to be storing 5 MB images in the db, and that would be pointless anyway since it'll be just a thumbnail in the app. 🤯🤯🤯
When we change orientation to the horizontal, we see only half screen and can't to scroll. How to solve that problem in compose?
You can add modifier with Scroll vertical property
Hoped to see how staggered scroll works. Sad
Please make a CRUD app using Ktor client instead of Retrofit with dagger hilt.
This version of the Android Support plugin for IntelliJ IDEA (or Android Studio) cannot open this project, please retry with version 2020.3.1 or newer.
BUG
GIT CLONE what`s ? how resolve?
Note: Support for Jetpack Compose is included only in Beta and Canary versions of Android Studio. get to developer.android.com/codelabs/jetpack-compose-basics#0 and read how to prepare yourself for this ;)
Hi Philipp today i am watching this video and suddenly my eyes get on the the section in this screen where you write "Followed by codinginflow, miakhalifa" miakhalifa 🤣🤣🤣 i can not tell you how much i laugh after see miakhalifa
Can you explain me responsive design in jetpack compose and create video ?
Anyone noticed 'followed by miakhalifa'?
I saw that Followed by miaKhalifa after 17 mins of the video 😂😂😂
danke
Wow this dude has connections with Mia khalifa😂😂😂
Can you make a complete clone of Instagram
Hello Philipp, thanks for your effort
If you do not mind cloning Facebook and Spotify UI 😅,
I'm sorry
He already did that for Spotify. You can check it out.
@@miracleukaka4085
But not in jetpack compose
Instagram build with react native isn't it? just curious
React is made by facebook..thus all facebook apps are built in react
Some parts of it are in RN not full
that's why it's so shitty
I think I knew the answer, to why the "profile stuff" does not scroll along with the posts.
You should put the material profile in the lazy Column/Lazy Row/lazy GridView.
LazyGridView () {
// Profile Code ---> You can use "Item Span".
// Posts Code
}
in your T-shirt I read "putin" but then I realized that it should be "put in"
lol Mia Khalifa who ever that is :)
It's very annoying that you have to code for so long without being able to see any kind of Preview.... OK there is a @Preview annotation but that is useless when a composable takes in many parameters, unless you are up for setting up @PreviewParameters which is a pain in the ass.
Only option left is to relaunch emulator every time u want to double check your work. In this tutorial's case Phillip is just double checking with already made template and it's easier for him since he already built this UI prior.
Building with XML is easier from UX perspective because u are able to see the layout, with Compose it's almost as if u have to do it in your brain combined with many compile/runs.
The preview has gotten a lot better and now usually works just fine
can you make a tutorial about live wallpaper app where if you click a button it applies the live wallpaper on your screen, not like making the whole APK as a live wallpaper just making a button and if you click it it sets the GIF live wallpaper for you
did anyone notice followed by miakhalifa 🥵
Whoever that is .😂
lol mia khalifa :D
those practical video are good but too far from reallity of a true project
This is not meant to teach you build a full project, but a full UI for a screen of a full project
Followed by Mia Khalifa :)
No one noticed followed by Mia Khalifa
Followed by miaKhalifa. I didnt noticed atleast for 20 min
lol.... you are followed by "Mia Khalifa"
to do coding you need to calm down your mind,
coding in flow followed you on Instagram but I don't understand why would "She" followed you
like this comment you noticed that other person who followed philipp
what is the shortcut to format the code ?
"Followed by ...miakhalifa..." Phillipp, you rascal
"miakhalifa" whoever that is 🤫
can you make a tutorial about live wallpaper app where if you click a button it applies the live wallpaper on your screen, not like making the whole APK as a live wallpaper just making a button and if you click it it sets the GIF live wallpaper for you