Jetpack Compose app based on inspiration from the flutter app BMI-Calculator
- Android Studio Canary
- Jepack Compose
- Compose Version : 0.1.0-dev13
- Material Icons :
implementation("androidx.ui:ui-material-icons-extended:$compose_version")
This application is developed to introduce basic UI design using Jetpack Compose. Though compose is still in development stage, it is powerful and complex UIs can be created in short durations. This example application extensively uses Rows and Columns for generating UIs.
Some of the components used in this application are listed below:
- Text
- Column
- Row
- Slider
- Vertical Scroller
- Toolbar [Customized TopAppBar]
- RoundIconButton [Custom View: Icon inside Card]
- RoundedCard [Card with corner radius]
- RoundedButton [Button with corner radius]
- RoundToggleButton [For Gender Selection]
Since proper screen navigation is not yet recommended by the compose development team, I had used @Model as used in JetNews. But @Model is deprecated in dev12 in favour of state variants, one of which is also used to observe the values changed for age, weight and height in this application too.
| 
|
| 
|
Flutter App by Ali Raza:
Dribble Design by Kevin Al-Rizal: