BestHub
Sign in
Tagged articles
11 articles
Page 1 of 1
ByteDance Terminal Technology
ByteDance Terminal Technology
Dec 9, 2021 · Mobile Development

Optimizing Flutter List Performance: Element Reuse, Auto‑diff, Placeholder Widgets, Frame‑splitting Rendering, and Bidirectional Loading

This article examines the challenges of fluid list rendering in Flutter mobile apps and presents a series of performance optimizations—including element and RenderObject reuse, an auto‑diff algorithm, placeholder widgets, frame‑splitting rendering, pre‑loading, and bidirectional loading—along with functional extensions and real‑world results.

DARTListViewMobile
0 likes · 13 min read
Optimizing Flutter List Performance: Element Reuse, Auto‑diff, Placeholder Widgets, Frame‑splitting Rendering, and Bidirectional Loading
Rare Earth Juejin Tech Community
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.

ChatCustomScrollViewFlutter
0 likes · 6 min read
Fixing Jumping Behavior in Flutter Chat Lists with CustomScrollView Center
Xianyu Technology
Xianyu Technology
Oct 29, 2020 · Mobile Development

Performance Optimization of Long List Scrolling in Android and Flutter

The article details how Xianyu improved long‑list scrolling smoothness on both native Android and Flutter by building a cross‑platform frame‑jank detection tool, applying async view‑caching and unbinding in Android, and using repaint boundaries, clipping tweaks, time‑slicing and custom scroll physics in Flutter, achieving up to 57 FPS and halving big‑jank counts on low‑end devices.

AndroidFlutterListView
0 likes · 21 min read
Performance Optimization of Long List Scrolling in Android and Flutter
Xianyu Technology
Xianyu Technology
Jul 16, 2020 · Mobile Development

Implementing a High‑Performance Waterfall Flow ListView in Flutter

The article describes how to build a high‑performance waterfall‑flow ListView in Flutter by extending SliverMultiBoxAdaptor, managing child reuse, lazy loading, edge‑based insertion, garbage collection, and paint‑only updates, achieving a modest FPS boost on Xianyu’s search page while outlining remaining challenges such as scroll‑to, memory use, and lifecycle callbacks.

FlutterListViewWaterfallFlow
0 likes · 9 min read
Implementing a High‑Performance Waterfall Flow ListView in Flutter
Tencent Cloud Developer
Tencent Cloud Developer
Jan 7, 2020 · Mobile Development

Hippy Cross-Platform Framework: Common Debugging Methods and Troubleshooting Cases

The article introduces Tencent’s open‑source Hippy cross‑platform framework, outlines its developer‑friendly features and W3C compliance, and details common debugging techniques—including Chrome DevTools‑based services, jsbundle debugging, and memory monitoring—while presenting practical troubleshooting cases for UI updates, scrolling, performance, and iOS‑specific issues.

AndroidDebuggingHippy
0 likes · 12 min read
Hippy Cross-Platform Framework: Common Debugging Methods and Troubleshooting Cases
Qunar Tech Salon
Qunar Tech Salon
Jan 18, 2017 · Mobile Development

Performance Optimization Practices for React Native ListView in Qunar's QRN

The article details Qunar's large‑scale adoption of React Native, analyzes the performance shortcomings of the standard RN ListView, and presents the QRN ListView and QRN InfiniteListView optimizations that improve scrolling smoothness, memory usage, and fixed‑height row handling on mobile devices.

ListViewMobile DevelopmentQRN
0 likes · 8 min read
Performance Optimization Practices for React Native ListView in Qunar's QRN
Qunar Tech Salon
Qunar Tech Salon
Dec 14, 2016 · Mobile Development

Cross‑Platform ListView Performance Optimization in React Native and Weex

This talk explains how Qunar’s engineering team analyzed the performance bottlenecks of React Native’s ListView, compared it with native UITableView and Weex implementations, and proposed JavaScript‑based reuse logic and native bridge solutions to improve scrolling efficiency across iOS and Android.

AndroidCross‑PlatformListView
0 likes · 18 min read
Cross‑Platform ListView Performance Optimization in React Native and Weex
Tencent TDS Service
Tencent TDS Service
Dec 8, 2016 · Mobile Development

How Qunar Optimized React Native ListView Performance Across Platforms

This article details Qunar's experience optimizing React Native ListView performance, covering RN's internal implementation, identified bottlenecks, and two practical solutions—JavaScript‑based cell reuse and a native UITableView bridge—while also comparing RN with Weex and discussing cross‑platform considerations.

ListViewPerformance OptimizationReact Native
0 likes · 20 min read
How Qunar Optimized React Native ListView Performance Across Platforms