JetBMICalculator
This is a sample app(For beginners - App #2) built using Jetpack Compose. It demonstrates the concept of State Hoisting in Jetpack Compose.
There are two forms on the screen and hence two composables for the same.
Top : BMI Calculator Form
Bottom: BMI Result Form
MainContent() {
BMICalculatorForm()
BMIResultForm()
}
Height and Weight are the two states used by BMI Calculator form composable, however these are local to this composable. Hence not hoisted by parent composable (MainContent()). Only when Calculate button is clicked, latest value is passed via onClick.
However, other two states - showBmiResult and bmiResult - are modified by actions inside BMICalculatorForm(), but are used by BMIResultForm() to display on UI. Hence both of these are hoisted by their parent composable (MainContent()).
5 Oct 31, 2021
16 Jul 5, 2022
135 Jan 1, 2023
9 Jan 4, 2022
40 Dec 6, 2022
101 Dec 15, 2022
230 Dec 23, 2022
5 Oct 28, 2022
590 Jan 5, 2023
4 Dec 2, 2022
689 Dec 25, 2022
9 Dec 2, 2022
26 Aug 19, 2022
1 Oct 28, 2021
15 Nov 9, 2022
0 Nov 17, 2021
3 Dec 15, 2022
9 May 11, 2022