customscrollview

Rare Earth Juejin Tech Community

Oct 16, 2024 · Frontend Development

Common Sliver Decorators in Flutter

This article introduces the most frequently used Flutter Sliver decorators—including SliverToBoxAdapter, SliverFillRemaining, SliverPadding, SliverOpacity, DecoratedSliver, SliverVisibility, SliverOffstage, SliverMainAxisGroup, and SliverAppBar—explains their purposes, provides code examples, and demonstrates a practical scenario for applying them in a CustomScrollView.

FlutterUIcustomscrollview

0 likes · 13 min read

HomeTech

Sep 21, 2022 · Mobile Development

Flutter Implementation of Immersive Complex Interactive Pages

This article details the design and implementation of an immersive complex interactive page using Flutter, covering architecture design, sliding effects, and tab synchronization for a new energy vehicle series app.

Cross-PlatformFlutterImmersive UI

0 likes · 10 min read

Flutter Implementation of Immersive Complex Interactive Pages

Rare Earth Juejin Tech Community

Nov 30, 2021 · Mobile Development

Fixing Jumping Behavior in Flutter Chat Lists with CustomScrollView Center

This article explains why a reverse‑ordered Flutter chat ListView jumps when inserting messages at both ends, analyzes the underlying Viewport‑Scrollable‑Sliver architecture, and demonstrates how configuring the center property of a CustomScrollView with multiple SliverLists eliminates the unwanted scroll offset changes.

ChatFluttercustomscrollview

0 likes · 6 min read

Fixing Jumping Behavior in Flutter Chat Lists with CustomScrollView Center

Qunar Tech Salon

Jul 29, 2021 · Mobile Development

Deep Dive into Flutter CustomScrollView: Architecture, Rendering Process, and Performance Optimizations

This article provides an in‑depth analysis of Flutter’s CustomScrollView component, covering its three‑layer architecture, rendering pipeline, scrollable mechanics, pinned header implementation, lazy‑loading strategy, and memory reuse techniques, illustrated with practical examples from Ctrip hotel app development.

Fluttercustomscrollviewlazy-loading

0 likes · 22 min read

Deep Dive into Flutter CustomScrollView: Architecture, Rendering Process, and Performance Optimizations

Ctrip Technology

Jul 15, 2021 · Mobile Development

In-depth Analysis of Flutter CustomScrollView Architecture and Implementation

This article provides a comprehensive technical breakdown of Flutter's CustomScrollView component, covering its three-layer widget‑element‑render object structure, scroll mechanics, pinned header logic, lazy‑loading and memory‑reuse strategies, and shares practical insights from Ctrip's hotel app migration.

Fluttercustomscrollviewlazy-loading

0 likes · 22 min read

In-depth Analysis of Flutter CustomScrollView Architecture and Implementation