Building Android Component Library Using Jetpack Compose
Asefa, Beselam Gizachew (2022)
2022
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202204084779
https://urn.fi/URN:NBN:fi:amk-202204084779
Tiivistelmä
The goal of this project was to build a component library using Jetpack Compose, which is a modern Android UI toolkit. Jetpack Compose is written in Kotlin and the code can be reused or shared easily. In the world of software development, it is common to reuse or share a piece of code between different projects. It saves development time and cost and makes the code easily maintainable. This component library is made for Elisa, a well-known, Finnish telecommunication company. The library provides commonly used UI components such as buttons, typography, theme, dialog, colours, snackbar, image cards, vertical list items, and animations. Android developers at Elisa use this component to develop different products that follow the company’s UI guidelines.
The thesis covers different approaches used to build component libraries based on the Architectural layer of Jetpack Compose. The component library was built using the Material layer of Jetpack Compose. This layer is the topmost layer of Jetpack Compose. The Material layer includes Material design components and the best practices and features used to build user interfaces such as accessibility features.
The component library provides many advantages for the client company users, developers, and product owners. Developers can access commonly used components from this library; therefore, they will not rebuild components from the ground every time when they need them. This saves the development cost and time. The components are built considering the Material Design System best practices; therefore, products using this library will have better user satisfaction.
The thesis covers different approaches used to build component libraries based on the Architectural layer of Jetpack Compose. The component library was built using the Material layer of Jetpack Compose. This layer is the topmost layer of Jetpack Compose. The Material layer includes Material design components and the best practices and features used to build user interfaces such as accessibility features.
The component library provides many advantages for the client company users, developers, and product owners. Developers can access commonly used components from this library; therefore, they will not rebuild components from the ground every time when they need them. This saves the development cost and time. The components are built considering the Material Design System best practices; therefore, products using this library will have better user satisfaction.