Tagged articles
24 articles
Page 1 of 1
Sohu Tech Products
Sohu Tech Products
Jul 16, 2025 · Mobile Development

Bridge Native Threads to ArkTS in HarmonyOS with Node‑API Thread‑Safe Functions

This article explains how to use Node‑API’s thread‑safe functions to asynchronously relay native file upload progress, completion, and error callbacks from native C/C++ threads to ArkTS JavaScript on HarmonyOS, covering API definitions, event‑loop integration, and practical implementation details with code examples.

HarmonyOSNative integrationNode-API
0 likes · 13 min read
Bridge Native Threads to ArkTS in HarmonyOS with Node‑API Thread‑Safe Functions
HelloTech
HelloTech
Apr 18, 2024 · Mobile Development

Understanding JSBridge in Hybrid Mobile App Development

JSBridge is a bidirectional communication layer that lets hybrid mobile apps combine native performance with web flexibility by allowing JavaScript to invoke native functions and native code to call back into the WebView, using techniques such as URL schemes, injected APIs, and platform‑specific evaluateJavascript methods.

AndroidHybrid AppJSBridge
0 likes · 13 min read
Understanding JSBridge in Hybrid Mobile App Development
Sohu Tech Products
Sohu Tech Products
Mar 20, 2024 · Mobile Development

Using Pigeon for Flutter Development on HarmonyOS

The article shows how to integrate Flutter's Pigeon tool into HarmonyOS to automatically generate ETS channel code, enabling Flutter developers to avoid writing native HarmonyOS code by adding the pigeon package, defining an API, running the generation command, and using the generated setup in the HarmonyOS side.

FlutterHarmonyOSMobile Development
0 likes · 11 min read
Using Pigeon for Flutter Development on HarmonyOS
Xianyu Technology
Xianyu Technology
Aug 10, 2022 · Mobile Development

Enabling MIUI Long Screenshot in Flutter: Xianyu’s Non‑Intrusive Integration

This article details how Xianyu’s engineering team analyzed and adapted Xiaomi’s MIUI long‑screenshot capability for Flutter list pages, covering the problem background, system source investigation, scroll view detection, event proxy design, asynchronous channel and synchronous FFI communication, and performance results.

AndroidFFIFlutter
0 likes · 17 min read
Enabling MIUI Long Screenshot in Flutter: Xianyu’s Non‑Intrusive Integration
Xingsheng Youxuan Technology Community
Xingsheng Youxuan Technology Community
Jun 28, 2022 · Mobile Development

Achieving Near‑Native Web App Experience on Mobile with a Hybrid Stack

This article details a hybrid solution that combines native WebView containers, offline resource packaging, and Flutter Boost integration to deliver web applications with performance and user experience comparable to pure native apps, while enabling instant updates and rich native capabilities on both Android and iOS.

Flutter BoostHybrid AppMobile
0 likes · 15 min read
Achieving Near‑Native Web App Experience on Mobile with a Hybrid Stack
Xianyu Technology
Xianyu Technology
Apr 20, 2022 · Mobile Development

PowerMedia: A Flutter-Based Streaming Audio and Video Development Framework

PowerMedia is a Flutter‑based framework that abstracts audio and video capabilities into producer, consumer, and producer‑consumer nodes, enabling developers to build cross‑platform streaming pipelines—such as camera, microphone, and recorder—directly in Flutter, improving efficiency, consistency, and maintainability of multimedia applications.

Audio and Video DevelopmentFlutterMeta-Ability Nodes
0 likes · 10 min read
PowerMedia: A Flutter-Based Streaming Audio and Video Development Framework
Alibaba Terminal Technology
Alibaba Terminal Technology
Mar 18, 2022 · Mobile Development

How Ele.me Boosted Holiday Sale Performance with PHA Hybrid App Framework

Ele.me tackled the performance and user‑experience challenges of its major sales events by replacing traditional H5 containers with the Progressive Hybrid App (PHA) framework, enabling native‑rendered TabBar, persistent WebViews, pre‑loading, location‑aware manifests, and comprehensive optimizations that cut first‑screen load times by hundreds of milliseconds.

Ele.meHybrid AppNative integration
0 likes · 14 min read
How Ele.me Boosted Holiday Sale Performance with PHA Hybrid App Framework
Youku Technology
Youku Technology
Dec 7, 2021 · Frontend Development

Youku Desktop Client Migration to Electron: Window Fusion and Native Integration Practice

Youku migrated native desktop clients to Electron for cross‑platform development, using Window Fusion to embed a native video decoder via native window handles, Node‑Addon‑API for JS‑C++ interaction, noting slightly higher CPU/memory usage but gaining npm package management, auto‑update, and easier maintenance.

ChromiumCross‑platform developmentDesktop Application
0 likes · 7 min read
Youku Desktop Client Migration to Electron: Window Fusion and Native Integration Practice
HelloTech
HelloTech
Apr 25, 2021 · Mobile Development

Flutter Native Interaction: Platform Channel vs FFI Comparison

The article compares Flutter’s native interaction methods, explaining how Platform Channels use message codecs and thread switching for method calls, while FFI lets Dart directly invoke C functions, offering superior performance but more boilerplate, and discusses trade‑offs, implementation details, and a benchmark showing the speed gap.

C++DARTFFI
0 likes · 8 min read
Flutter Native Interaction: Platform Channel vs FFI Comparison
Tencent Cloud Developer
Tencent Cloud Developer
Mar 23, 2021 · Mobile Development

TRouter: A Hybrid Stack Routing Framework for Flutter with Memory Optimization and Visible Native Layer Modifications

TRouter is a hybrid stack routing framework for Flutter that reuses a single engine through native Activity/ViewController containers, offloading page transitions and URL parsing to the native layer, clearing iOS view bitmaps and applying bytecode‑hooked Android fixes to dramatically reduce memory usage while keeping native modifications visible, low‑risk, and compatible with multiple Flutter SDK versions.

FlutterHybrid RoutingMemory Optimization
0 likes · 10 min read
TRouter: A Hybrid Stack Routing Framework for Flutter with Memory Optimization and Visible Native Layer Modifications
JD Retail Technology
JD Retail Technology
Dec 3, 2020 · Mobile Development

Technical Overview of JD.com Mobile Checkout: Hybrid H5 and Native Integration

The article details JD.com's mobile checkout architecture, explaining its dual functions of payment selection and post‑payment confirmation, the seven supported payment methods, the hybrid H5‑WebView approach with native interaction, its advantages and drawbacks, and practical implementation guidelines for Android and iOS.

H5Hybrid AppMobile Development
0 likes · 7 min read
Technical Overview of JD.com Mobile Checkout: Hybrid H5 and Native Integration
HelloTech
HelloTech
Jun 9, 2020 · Mobile Development

Flutter Adoption and Sparrow Microservice Architecture Overview

After reviewing cross‑platform options, the article explains why Flutter was chosen for HelloBike, describes its microservice‑based architecture using containerized Flutter modules, introduces the Sparrow framework for standardized development, plugin design, native‑Dart integration, and outlines future enhancements for stability and dynamic features.

DARTFlutterMicroservice
0 likes · 13 min read
Flutter Adoption and Sparrow Microservice Architecture Overview
58 Tech
58 Tech
Mar 6, 2020 · Mobile Development

Integrating Flutter into an Existing Native App: Challenges, Solutions, and the Use of Flutter Boost and Fish‑Redux

This article details the process of embedding Flutter into a mature native Android/iOS application, covering architectural background, thread models, the drawbacks of the default multi‑engine approach, the adoption of Flutter Boost, code‑level integration steps, network and resource sharing techniques, and the subsequent migration to the Fish‑Redux framework for better modularity and maintainability.

Fish ReduxFlutter BoostMobile
0 likes · 17 min read
Integrating Flutter into an Existing Native App: Challenges, Solutions, and the Use of Flutter Boost and Fish‑Redux
Youzan Coder
Youzan Coder
Jul 26, 2019 · Mobile Development

Flutter Hybrid Integration Solution for Native Mobile Apps

The article presents YouZan’s hybrid integration strategy that packages each Flutter feature as an independent artifact—AAR files for Android and frameworks for iOS—allowing native teams to embed Flutter modules via simple scripts and Maven uploads without needing a full Flutter development environment.

AARAndroidFlutter
0 likes · 12 min read
Flutter Hybrid Integration Solution for Native Mobile Apps
Xianyu Technology
Xianyu Technology
Mar 7, 2019 · Mobile Development

FlutterBoost: A Hybrid Integration Framework for Mobile Apps

FlutterBoost is a hybrid integration framework that lets large mobile apps progressively embed Flutter using a shared engine and native containers, providing unified page lifecycle, channel‑based messaging, multi‑navigator support, and production‑ready performance, now open‑source after successful deployment in Alibaba’s Xianyu client.

FlutterFlutterBoostHybrid App
0 likes · 14 min read
FlutterBoost: A Hybrid Integration Framework for Mobile Apps
Xianyu Technology
Xianyu Technology
Nov 15, 2018 · Mobile Development

Embedding Native Views in Flutter with AndroidView

The article explains how to embed native Android views in Flutter using AndroidView, detailing the three-step setup, size and touch‑event handling, and a Gaode map example, while warning of performance costs and recommending native embedding only when a pure Flutter alternative is unavailable.

AndroidViewFlutterMobile Development
0 likes · 11 min read
Embedding Native Views in Flutter with AndroidView
Meitu Technology
Meitu Technology
Oct 26, 2018 · Mobile Development

Building a Hybrid App Bridge: Architecture, Implementation, and Protocol Design

The article details a production‑ready Hybrid app bridge built with a custom bridge.js that enables bidirectional communication between Native code and H5 pages, outlines its four‑step nativeCall flow, Android compatibility tricks, protocol categories, event hub, proxy requests, and a suite of reusable functional APIs.

Hybrid AppJavaScriptMobile Development
0 likes · 14 min read
Building a Hybrid App Bridge: Architecture, Implementation, and Protocol Design
Xianyu Technology
Xianyu Technology
Aug 17, 2018 · Mobile Development

Hybrid Stack Management in Flutter

The article explains how to manage a hybrid Flutter‑Native stack by using a single shared Flutter engine instance linked to native view controllers, unified openUrl routing, native‑driven page transitions, resource‑efficient reuse of native components, and detailed guidance on creating and publishing Flutter plugins and packages.

FlutterFlutter ArchitectureFlutter Best Practices
0 likes · 11 min read
Hybrid Stack Management in Flutter
Tencent Cloud Developer
Tencent Cloud Developer
Jun 7, 2018 · Mobile Development

Optimizing H5 Loading Speed and Experience in Mobile Apps

The article explains why H5 pages feel slow in enterprise WeChat apps and presents a comprehensive set of techniques—including request reduction, caching, native‑H5 communication (jsapi, URL scheme, string replacement), bundling resources, pre‑loading WebView, incremental offline updates, iOS‑specific fixes, and WKWebView handling—to dramatically accelerate loading and achieve near‑native performance.

Mobile FrontendNative integrationWebView performance
0 likes · 10 min read
Optimizing H5 Loading Speed and Experience in Mobile Apps
Meitu Technology
Meitu Technology
Apr 19, 2018 · Mobile Development

Meitu DNS Optimization Practices and Non‑Intrusive SDK Integration for Android

Meitu’s Android DNS SDK combines LocalDNS and HTTP DNS in a hybrid strategy, transparently replaces the system resolver via reflection and native hooks, and dynamically switches to HTTP DNS on anomalies, cutting lookup latency by about 100 ms, boosting cache hit rates and overall request success while preventing DNS hijacking.

AndroidDNSNative integration
0 likes · 14 min read
Meitu DNS Optimization Practices and Non‑Intrusive SDK Integration for Android