07
Dev.to Kotlin
作者：Marcos Anjos
發布：04-01 01:48
Jetpack Compose made sense to me when I stopped comparing everything to XML
Compose isn’t just a new way to avoid XML—it's a declarative way to describe UI with @Composable functions and state that the framework updates for you.
重點摘要
Compose is declarative: describe UI with @Composable and state
Row, Column and Box make layout explicit and readable
Modifier controls layout and interaction and its order matters
The author describes his shift from thinking in legacy Android terms (XML, Activity, Fragment, manual view updates) to adopting Jetpack Compose’s declarative model. Coming from React helped: Compose uses @Composable functions and state to describe UI, and the framework recomposes as state changes. Layout primitives like Row, Column and Box make structure explicit, while Modifier is powerful and order-dependent—affecting size, spacing, clicks, clipping and background. State handling uses remember and rememberSaveable, and controlled inputs behave similarly to React’s patterns. LazyColumn handles lists with keys, and separating stateful and stateless components (state hoisting) improves reusability. Common pitfalls include treating Modifier as mere styling, ignoring modifier order, and placing state in the wrong component. Once the mental model clicks, Compose becomes much more intuitive and productive.
当我不再把一切与 XML 对比时，Jetpack Compose 才有意义
Compose 不是“没有 XML 的 Android”，而是一种用 @Composable 函数和状态来描述界面的宣告式方法，框架会在状态变化时自动更新界面。
重點摘要
宣告式 UI：用 @Composable 与状态描述界面
Row/Column/Box 让布局结构清晰可读
Modifier 影响布局与交互，顺序至关重要
作者起初用旧 Android 思维看 Compose，怀念 XML、id 和 findViewById，但逐渐领会到 Compose 的宣告式特性：通过 @Composable 函数和状态描述 UI，框架根据状态重组界面。Row、Column 与 Box 将布局逻辑明确化；Modifier 不仅是样式，还控制大小、间距、点击、裁剪等，且调用顺序会改变行为与视觉效果。状态管理靠 remember、mutableStateOf 与 rememberSaveable，受控输入与 React 类似；LazyColumn 用于高效列表并需指定 key。作者建议采用 stateful/stateless 的分离与 state hoisting，避免把状态放错组件。理解这些核心概念后，Compose 变得更直观、高效。
當我不再把一切和 XML 比較時，Jetpack Compose 才對我有意義
Compose 並非只是沒有 XML 的 Android，而是一種以 @Composable 函式與狀態描述介面的宣告式方式，框架會在狀態改變時自動更新。
重點摘要
以宣告式描述 UI：@Composable 與狀態驅動重組
Row/Column/Box 讓佈局結構一目了然
Modifier 不只是樣式，順序會改變視覺與互動
作者一開始以舊有 Android 心態看待 Compose，想念 XML、id 與 findViewById，後來理解到 Compose 是宣告式的 UI 建構方式，這點讓他聯想到 React。基礎元件 Row、Column 與 Box 清楚表達水平、垂直與堆疊佈局；Modifier 則同時控制尺寸、間距、行為與剪裁，且順序會影響結果。狀態管理透過 remember、mutableStateOf 和 rememberSaveable 保持重組間的資料，LazyColumn 用於高效列表並需使用 key。作者也強調把狀態提升（state hoisting）與 stateful/stateless 分離的好處，並列出常見誤區。掌握這些基本概念後，Compose 變得直覺且好用。