This repository has a Medium Article which targets to show how to handle parameters and use @PreviewParameter in Jetpack Compose UI.
![Screenshot 2024-08-19 at 22 56 22](https://private-user-images.githubusercontent.com/130801186/363348489-81c45cc8-fd2b-4b69-9012-ca75471cfdf5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzOTI3ODgsIm5iZiI6MTczOTM5MjQ4OCwicGF0aCI6Ii8xMzA4MDExODYvMzYzMzQ4NDg5LTgxYzQ1Y2M4LWZkMmItNGI2OS05MDEyLWNhNzU0NzFjZmRmNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEyJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMlQyMDM0NDhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wZjBjMWJhMGQ5Njc3NGJmYTAxZjZiMjE1MTYxMDkxYTIxMWJkZGFiMzVkMjA2ZWVkMjQzZjFlMWJmYzlkM2Y1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.bw_9BSj9sPyUJnGePyrjBGEyh49H5evmn2Sw2Xib-C8)
If you would like to support my work, coffee is my best friend for writing code and articles: https://buymeacoffee.com/canerkaseler ☕️
You can reach me on social media and other platforms, stay tuned: https://linktr.ee/canerkaseler 🤝
I create a basic Android application with only Jetpack Compose in this article. This app includes a basic card design which includes text, image and button. It does not contain any network request, complex UI or business logic.
Table of contents:
- Compose Design with Traditional Way (If you know compose, you can skip this part.)
- Management of parameters of compose functions in Jetpack Compose
- @PreviewParameter Approach in Compose Preview
- References
Note: Table of contents may not show bonus parts 🎁
Screenshot of the component preview from android studio.
![Screenshot 2024-08-19 at 22 56 22](https://private-user-images.githubusercontent.com/130801186/361858182-4cc26d56-db4b-464a-9a0b-1bfe58007100.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzOTI3ODgsIm5iZiI6MTczOTM5MjQ4OCwicGF0aCI6Ii8xMzA4MDExODYvMzYxODU4MTgyLTRjYzI2ZDU2LWRiNGItNDY0YS05YTBiLTFiZmU1ODAwNzEwMC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEyJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMlQyMDM0NDhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zZWUyOThjODMzYzJmMDZiYzg3NTcwOWRmYTNhNmYxMzI1ZjJlOWM4MTNmMWVkNjMxMDk0MTBiMDRlYTU5YmZmJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.R_MbeonBN6icK2OW8QSMJeHxgx4q_l7GXN2ZVCo_BJk)
Screenshot of Home Screen preview from android studio.
![Screenshot 2024-08-19 at 23 01 17](https://private-user-images.githubusercontent.com/130801186/361858290-39e69091-0aaa-498c-8c98-5eb9e8f76f5d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzOTI3ODgsIm5iZiI6MTczOTM5MjQ4OCwicGF0aCI6Ii8xMzA4MDExODYvMzYxODU4MjkwLTM5ZTY5MDkxLTBhYWEtNDk4Yy04Yzk4LTVlYjllOGY3NmY1ZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEyJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMlQyMDM0NDhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT05ODJiZjI5ZWMwMjdkZDU3MGZjYTUzZGU0YWJiZWRlOGZmMzhlODFlZTczZGQzYmQzNjVmMWYzNDA2ODQxYjcyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.Jli6y4sYEaOjkmeC7NsqehsvFUAvDmXzWjZHEmfmrDg)
If you would like to continue reading and learn some details about above parts, please check out the Medium Article. I hope, this repository and its Medium article will be useful and beneficial for your project! 🙌