Concept | Flutter | Jetpack Compose |
---|---|---|
Vertical Layout | Column | Column |
Horizontal Layout | Row | Row |
Stacking Layout | Stack | Box |
Flexible Space | Expanded | Spacer |
Text Display | Text | Text |
Text Style | style: TextStyle | style (TextStyle) |
Text Color | style: TextStyle(color: ...) | color |
Button | ElevatedButton, TextButton | Button |
Text Input | TextField | TextField |
Image | Image | Image |
Icon | Icon | Icon |
State Management | StatefulWidget + setState | remember |
List | ListView | LazyColumn |
Grid | GridView | LazyVerticalGrid |
Navigation | Navigator | NavHost |
Theming | ThemeData | MaterialTheme |
Animations | AnimatedWidget, TweenAnimationBuilder | animate*AsState |
Gesture Handling | GestureDetector | Modifier.pointerInput |
Conditional Rendering | if statements in build | if statements in composable |
Reusable Components | Custom Widgets | Composable Functions |
Last active
October 1, 2024 21:05
-
-
Save durul/d2f265c7261f481dba41c8a04139ee55 to your computer and use it in GitHub Desktop.
UI Component Comparison: Flutter vs Jetpack Compose
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment