Skip to content

Instantly share code, notes, and snippets.

@durul
Last active October 1, 2024 21:05
Show Gist options
  • Save durul/d2f265c7261f481dba41c8a04139ee55 to your computer and use it in GitHub Desktop.
Save durul/d2f265c7261f481dba41c8a04139ee55 to your computer and use it in GitHub Desktop.
UI Component Comparison: Flutter vs Jetpack Compose
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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment