Jetpack Compose

Ctrip Technology

May 22, 2025 · Mobile Development

An In‑Depth Overview of Skip: A High‑Performance Native Cross‑Platform Development Framework

This article introduces Skip, a new high‑performance native cross‑platform framework that converts Swift/SwiftUI code to Kotlin/Jetpack Compose, detailing its architecture, toolchain, usage steps, code examples, comparisons with other frameworks, project structure, internal modules, and practical considerations for mobile developers.

Cross‑PlatformJetpack ComposeKotlin

0 likes · 11 min read

An In‑Depth Overview of Skip: A High‑Performance Native Cross‑Platform Development Framework

Sohu Tech Products

Apr 29, 2025 · Mobile Development

Implementing Single-Activity Architecture with Jetpack Compose Navigation

The article explains how to adopt a single‑Activity architecture in Jetpack Compose by using the Navigation component’s NavHost and NavController, encapsulating navigation calls in an Action class, and exposing module‑specific NavGraphs, resulting in a clean, scalable routing solution for modern Android apps.

Compose NavigationJetpack ComposeMobile Development

0 likes · 6 min read

Implementing Single-Activity Architecture with Jetpack Compose Navigation

Sohu Tech Products

Apr 16, 2025 · Mobile Development

Android 16 Screen Orientation Deprecation and Large Screen Adaptation Guide

Starting with Android 16, Google deprecates manifest screen‑orientation and resizability attributes for large‑screen devices (sw ≥ 600dp), forcing apps targeting API 36+ to adopt responsive layouts—such as Compose window‑size classes, TwoPane, Activity Embedding, or Flutter frameworks—while offering a temporary opt‑out property before mandatory adaptation in API 37.

Activity EmbeddingAndroid 16Android Development

0 likes · 8 min read

Android 16 Screen Orientation Deprecation and Large Screen Adaptation Guide

Sohu Tech Products

Feb 26, 2025 · Mobile Development

Building Camera Features with CameraX and Jetpack Compose

The tutorial walks developers through adding the new alpha‑stage viewfinder‑compose and camera‑compose libraries, configuring permissions with Accompanist, creating a CameraPreviewViewModel that manages CameraX preview use cases, and building a full‑screen, Compose‑based camera viewfinder using CameraXViewfinder for adaptive APIs and animations.

Android DevelopmentAndroidXCamera Preview

0 likes · 7 min read

Building Camera Features with CameraX and Jetpack Compose

Sohu Tech Products

Jan 8, 2025 · Mobile Development

Understanding Jetpack Compose Layout Process: Composition, Measurement, and Modifier Nodes

Jetpack Compose’s layout process consists of three steps—measuring children, deciding the parent’s size, and placing children—driven by a MeasurePolicy that respects explicit Constraints, while Modifier nodes adjust those constraints and intrinsic measurements provide size hints, enabling efficient, declarative UI rendering.

Android UIJetpack ComposeKotlin

0 likes · 17 min read

Understanding Jetpack Compose Layout Process: Composition, Measurement, and Modifier Nodes

Airbnb Technology Team

Nov 25, 2024 · Mobile Development

Using Trio for Navigation in Android Jetpack Compose

The article shows how Trio stores navigation state in a ViewModel‑backed stack, uses type‑safe routers for screen and activity transitions, supports async save‑and‑exit, result‑returning navigation, and interoperates with legacy fragments, enabling modular, testable navigation in Jetpack Compose.

Jetpack ComposeMavericksViewModel

0 likes · 14 min read

Using Trio for Navigation in Android Jetpack Compose

Airbnb Technology Team

Nov 12, 2024 · Mobile Development

Trio Architecture: Building a Compose‑Based Android Framework on Mavericks

Airbnb’s Android team introduced Trio, a Compose‑only framework built atop the Mavericks state‑management library that replaces Fragment‑based navigation with type‑safe, modular page routing, ViewModel‑driven state, compile‑time validation, and dedicated developer tools, now powering the majority of the app’s screens.

Jetpack ComposeMavericksandroid

0 likes · 15 min read

Trio Architecture: Building a Compose‑Based Android Framework on Mavericks

Sohu Tech Products

Sep 11, 2024 · Mobile Development

Implementation of a Simple RedBook App Using Jetpack Compose with VersionCatalog, Navigation, Paging3, and Custom Layouts

The article walks through building a lightweight RedBook‑style Android app with Jetpack Compose, demonstrating modern techniques such as Gradle Version Catalog for dependency management, Navigation Compose routing, Paging3 data pagination, custom layouts and scroll handling, shared‑element transitions, edge‑to‑edge theming, and a bespoke circular progress indicator.

Custom LayoutJetpack ComposePaging3

0 likes · 17 min read

Implementation of a Simple RedBook App Using Jetpack Compose with VersionCatalog, Navigation, Paging3, and Custom Layouts

Rare Earth Juejin Tech Community

Jun 27, 2024 · Mobile Development

State Management in Jetpack Compose: remember, MutableState, ViewModel, StateFlow, LiveData, and Effect APIs

Jetpack Compose’s state management techniques—including remember, mutableStateOf, ViewModel integration, StateFlow, LiveData, state lifting, and various side‑effect APIs such as LaunchedEffect, rememberCoroutineScope, and DisposableEffect—are explained with Kotlin code examples to help Android developers build robust, reactive UI components.

Effect APIJetpack ComposeKotlin

0 likes · 15 min read

State Management in Jetpack Compose: remember, MutableState, ViewModel, StateFlow, LiveData, and Effect APIs

Rare Earth Juejin Tech Community

Mar 26, 2024 · Mobile Development

Building a Customizable Pie Chart Component with Jetpack Compose

This article demonstrates how to build a customizable pie chart component in Jetpack Compose, covering data preparation, drawing solid and ring styles, adding animated transitions, configuring description positions, and supporting multiple dimensions with a grid layout, providing complete Kotlin code examples.

Jetpack ComposeKotlinUI Component

0 likes · 9 min read

Building a Customizable Pie Chart Component with Jetpack Compose

NetEase Media Technology Team

Dec 22, 2023 · Mobile Development

Jetpack Compose: From MVVM to MVI Architecture in Android Development

The article guides Android developers through evolving UI architectures—from MVC to MVI—showing how to transition Jetpack Compose projects from MVVM to MVI, tackle hybrid navigation and WebView integration, and apply refactoring, performance tuning, and best‑practice code examples.

Android UIJetpack ComposeMVI

0 likes · 21 min read

Jetpack Compose: From MVVM to MVI Architecture in Android Development

Rare Earth Juejin Tech Community

Nov 7, 2023 · Mobile Development

Comprehensive Guide to Building Modern Android Apps in 2023

This article provides a detailed overview of the latest 2023 trends, tools, libraries, architectural patterns, and best practices for developing modern Android applications, covering everything from Kotlin and Jetpack Compose to Clean Architecture, modularization, performance optimization, and Google Play features.

Jetpack ComposeKotlinModularization

0 likes · 16 min read

Comprehensive Guide to Building Modern Android Apps in 2023

Sohu Tech Products

Nov 1, 2023 · Mobile Development

Compose-Multiplatform Cross-Platform Development Guide: From Setup to Rendering Principles

This guide walks developers through setting up Compose‑Multiplatform, implementing a Ktor‑based network layer, designing shared data models, building a LazyColumn UI, and explains Android rendering internals—from LayoutNode creation to Skiko drawing—while comparing the framework to Flutter and highlighting its low learning curve.

Compose MultiplatformCross‑PlatformJetpack Compose

0 likes · 18 min read

Compose-Multiplatform Cross-Platform Development Guide: From Setup to Rendering Principles

Sohu Tech Products

Aug 9, 2023 · Mobile Development

Jetpack Compose Layout Optimization Best Practices

The article outlines six Jetpack Compose layout‑optimization best practices—using remember to cache calculations, supplying unique keys in Lazy layouts, applying derivedStateOf to throttle recomposition, skipping unnecessary composition/layout phases, avoiding backward state writes, and enabling release‑mode R8 profiling—to dramatically reduce redundant recompositions and improve UI performance.

Android DevelopmentJetpack ComposeLazyColumn

0 likes · 11 min read

Jetpack Compose Layout Optimization Best Practices

Sohu Tech Products

Dec 21, 2022 · Mobile Development

Implementing a Custom Layout in Jetpack Compose for Dynamic Room Display

This article explains how to create a custom layout in Jetpack Compose that dynamically arranges a grid of fixed‑size room items, centers the content horizontally and vertically when needed, and adds vertical scrolling for overflow, while detailing the measurement and placement logic with full Kotlin code examples.

ComposeCustom LayoutJetpack Compose

0 likes · 17 min read

Implementing a Custom Layout in Jetpack Compose for Dynamic Room Display

NetEase Cloud Music Tech Team

Nov 21, 2022 · Mobile Development

Deep Dive into Jetpack Compose Runtime: Core Implementation Principles

The article dissects Jetpack Compose’s runtime, explaining how the Kotlin compiler plugin transforms @Composable functions with $composer parameters, builds a dual NodeTree using SlotTable and LayoutNode, employs a GapBuffer‑optimized virtual DOM, and leverages a Snapshot‑based MVCC system to manage state changes and trigger efficient recomposition.

Android DevelopmentCompose RuntimeDeclarative UI

0 likes · 22 min read

Deep Dive into Jetpack Compose Runtime: Core Implementation Principles

Rare Earth Juejin Tech Community

Nov 16, 2022 · Mobile Development

Understanding RepeatableSpec and InfiniteRepeatableSpec in Jetpack Compose Animations

This article explains the RepeatableSpec and InfiniteRepeatableSpec animation specifications in Jetpack Compose, detailing their constructors, parameters such as iterations, repeatMode, and initialStartOffset, and demonstrates practical Kotlin code examples for creating repeatable and endless animations.

InfiniteRepeatableSpecJetpack ComposeKotlin

0 likes · 11 min read

Understanding RepeatableSpec and InfiniteRepeatableSpec in Jetpack Compose Animations

Rare Earth Juejin Tech Community

Oct 13, 2022 · Mobile Development

Exploring Jetpack Compose Animation Specs: Spring, Tween, Snap, Keyframes, Repeatable and Infinite Repeatable

This article provides a comprehensive tutorial on Jetpack Compose animation specifications, covering Spring, Tween, Snap, Keyframes, repeatable and infinite repeatable specs, explaining their parameters, default values, and demonstrating practical Kotlin code examples with visual GIFs to illustrate each effect.

Jetpack ComposeKotlinSpring

0 likes · 15 min read

Exploring Jetpack Compose Animation Specs: Spring, Tween, Snap, Keyframes, Repeatable and Infinite Repeatable

Rare Earth Juejin Tech Community

Oct 13, 2022 · Mobile Development

Deep Dive into animateValueAsState and Custom animateXxxAsState APIs in Jetpack Compose

This article explains how Jetpack Compose’s animateValueAsState underpins the animateXxxAsState family, explores its source code, demonstrates how to create custom animation APIs such as animateDpSizeAsState and animateUploadAsState, and provides practical Kotlin examples for building reusable UI animations on Android.

Custom APIJetpack ComposeKotlin

0 likes · 12 min read

Deep Dive into animateValueAsState and Custom animateXxxAsState APIs in Jetpack Compose

DaTaobao Tech

Oct 13, 2022 · Mobile Development

Getting Started with Jetpack Compose: Building a Simple Page

This tutorial walks through building a simple Jetpack Compose page, showing how to define composable functions, manage reactive state, preview UI, add animations, and adapt layouts for portrait and landscape, providing a concise foundation for modern Android UI development.

Android UIDeclarative UIJetpack Compose

0 likes · 11 min read

Getting Started with Jetpack Compose: Building a Simple Page