BestHub
Sign in
Tagged articles
27 articles
Page 1 of 1
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 6, 2024 · Mobile Development

Flutter‑Android Hybrid Integration: Mixed Modules, Engine Management, Architecture, Debugging and Packaging

This comprehensive guide explains how to integrate Flutter into an existing Android app using source and AAR approaches, manage multiple Flutter engines with FlutterEngineGroup, choose hybrid stack solutions such as flutter_boost and flutter_thrio, apply MVVM architecture with Riverpod, and handle debugging and APK packaging.

AARAndroidEngine Management
0 likes · 34 min read
Flutter‑Android Hybrid Integration: Mixed Modules, Engine Management, Architecture, Debugging and Packaging
NetEase Media Technology Team
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 UIArchitecture PatternsHybrid Development
0 likes · 21 min read
Jetpack Compose: From MVVM to MVI Architecture in Android Development
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 12, 2022 · Mobile Development

Choosing PlatformView Implementations for Flutter Hybrid Development on Android

This article explains the evolution, advantages, and constraints of Android PlatformView options—VirtualDisplays, HybridComposition, and TextureLayer—in Flutter hybrid development, guiding developers on how to select the appropriate implementation for different Flutter versions, use‑cases, and map SDKs.

Hybrid DevelopmentPlatformViewmap-sdk
0 likes · 13 min read
Choosing PlatformView Implementations for Flutter Hybrid Development on Android
Alibaba Terminal Technology
Alibaba Terminal Technology
Jun 16, 2022 · Frontend Development

Boost Efficiency with a Hybrid ProCode & LowCode Development Approach

This article examines the rise of low‑code platforms, the challenges of integrating ProCode and LowCode workflows, proposes ideal and lightweight hybrid development pipelines, and outlines a unified front‑end strategy that reduces complexity while maintaining flexibility across branches and releases.

DevOpsHybrid Developmentlow-code
0 likes · 11 min read
Boost Efficiency with a Hybrid ProCode & LowCode Development Approach
TAL Education Technology
TAL Education Technology
Mar 3, 2022 · Mobile Development

Hybrid Mobile App Development: Native, Cross‑Platform, and Flutter Solutions

This article explains how web front‑end engineers can build native mobile apps by comparing pure native development, cross‑platform frameworks like React Native and Flutter, and hybrid approaches that combine native code, Flutter, and WebView, while providing project structure, code examples, compilation steps, and best‑practice tips.

DARTHybrid DevelopmentReact Native
0 likes · 24 min read
Hybrid Mobile App Development: Native, Cross‑Platform, and Flutter Solutions
Alibaba Terminal Technology
Alibaba Terminal Technology
Sep 8, 2021 · Mobile Development

Mastering WKWebView: Common Pitfalls, Multi‑Process Model, and Practical Solutions

This article dives deep into WKWebView on iOS/macOS, explaining its network architecture, cookie handling, multi‑process model, and the four major production issues—request proxy, cookie management, full‑screen adaptation, and WebContent crashes—while offering detailed, source‑level solutions and implementation tips.

Cookie ManagementHybrid DevelopmentRequest Proxy
0 likes · 21 min read
Mastering WKWebView: Common Pitfalls, Multi‑Process Model, and Practical Solutions
Beike Product & Technology
Beike Product & Technology
Mar 5, 2021 · Mobile Development

Implementing Various TitleBar Styles for Hybrid Native+H5 Pages in Android Apps

This article explains how to design and implement multiple TitleBar styles—including standard, colored, immersive, and immersive with IconTextBtn—for hybrid Native+H5 Android applications, detailing the required URL parameters, layout adjustments, Java code snippets, and interaction between WebView and native components.

Hybrid DevelopmentJavaTitleBar
0 likes · 10 min read
Implementing Various TitleBar Styles for Hybrid Native+H5 Pages in Android Apps
Meituan Technology Team
Meituan Technology Team
Oct 29, 2020 · Mobile Development

Hybrid Native Map and WebView Fusion Framework for Meituan Ride-Hailing

Meituan Ride‑hailing replaced its slow JavaScript map with a two‑layer Fusion Framework that places a full‑screen native Tencent map beneath a transparent WebView, uses hot‑region data to dispatch touches to the appropriate layer, and synchronizes UI via a Vue directive and JSBridge, dramatically speeding load times and delivering smoother map interactions.

AndroidGesture DispatchHybrid Development
0 likes · 17 min read
Hybrid Native Map and WebView Fusion Framework for Meituan Ride-Hailing
JD Retail Technology
JD Retail Technology
Jul 10, 2020 · Mobile Development

JDFlutter: A One‑Stop Cross‑Platform Development Solution and Its Architecture

The article presents JDFlutter, a comprehensive Flutter‑based solution that unifies container, dynamic updates, module injection, Flutter‑to‑Web conversion, iOS size reduction, hybrid development, multi‑team workflows, and a Pub repository, aiming to streamline cross‑platform mobile development and improve efficiency at JD.com.

ContainerFlutterHybrid Development
0 likes · 12 min read
JDFlutter: A One‑Stop Cross‑Platform Development Solution and Its Architecture
Tencent Music Tech Team
Tencent Music Tech Team
Jul 3, 2020 · Mobile Development

Flutter Hybrid Development: Core Principles, Rendering Process, and Cross‑Platform Solutions

The article explains Flutter’s three‑layer architecture and rendering pipeline, compares web‑container, generic‑container, and self‑draw engine cross‑platform approaches, details unified and three‑side hybrid integration patterns with navigation scenarios, evaluates hybrid frameworks, and discusses compilation modes, artifact integration, and engineering workflow for hybrid projects.

DARTEngineFlutter
0 likes · 32 min read
Flutter Hybrid Development: Core Principles, Rendering Process, and Cross‑Platform Solutions
TAL Education Technology
TAL Education Technology
May 21, 2020 · Mobile Development

DStack: A Hybrid Stack Management Framework for Flutter and Native Integration

The article introduces DStack, a self‑developed hybrid stack management framework that unifies Flutter and native pages through a node‑based architecture, explains its design choices over flutter_boost, showcases performance and functional improvements in the Xueersi 1v1 apps, and outlines future open‑source plans.

Cross‑PlatformHybrid DevelopmentMobile Framework
0 likes · 8 min read
DStack: A Hybrid Stack Management Framework for Flutter and Native Integration
QQ Music Frontend Team
QQ Music Frontend Team
Apr 19, 2020 · Mobile Development

How to Integrate Flutter Boost into an iOS (Objective‑C) Project

This guide walks through preparing an Xcode project with CocoaPods, adding a Flutter module as a dependency, implementing the required platform router in Objective‑C, binding it in AppDelegate, and using Flutter Boost’s open and present APIs to navigate between native and Flutter pages.

CocoaPodsFlutter BoostHybrid Development
0 likes · 6 min read
How to Integrate Flutter Boost into an iOS (Objective‑C) Project
58 Tech
58 Tech
Apr 15, 2020 · Mobile Development

Magpie SDK: Engineering Practices for Flutter Hybrid Development

This article introduces the Magpie SDK, a Flutter plugin that enables hybrid page interaction, describes the engineering challenges of integrating Flutter with native Android and iOS, outlines optimization of build processes, toolchain support, communication design, and provides guidance for contribution and future roadmap.

AndroidFlutterHybrid Development
0 likes · 14 min read
Magpie SDK: Engineering Practices for Flutter Hybrid Development
58 Tech
58 Tech
Apr 11, 2020 · Mobile Development

Magpie Workflow: An Open‑Source Flutter Hybrid Development Solution

The article introduces Magpie Workflow, an open‑source Flutter‑based toolchain that streamlines the creation, development, compilation, packaging and publishing of independent Flutter modules for hybrid mobile applications, discusses current Flutter mixing challenges, compares existing solutions, and outlines its architecture, workflow usage, and future roadmap.

FlutterHybrid DevelopmentMagpie
0 likes · 9 min read
Magpie Workflow: An Open‑Source Flutter Hybrid Development Solution
58 Tech
58 Tech
Apr 10, 2020 · Mobile Development

Magpie Open Source Project Series (8): Flutter Hybrid Engineering Practices at 58.com

This article presents the Magpie open‑source suite and its Flutter‑based hybrid engineering approach, analyzes the drawbacks of existing cross‑platform solutions, highlights Flutter's performance and productivity benefits, and outlines the platform's modular workflow, tools, and future development roadmap.

EngineeringFlutterHybrid Development
0 likes · 8 min read
Magpie Open Source Project Series (8): Flutter Hybrid Engineering Practices at 58.com
QQ Music Frontend Team
QQ Music Frontend Team
Mar 29, 2020 · Mobile Development

How to Integrate Flutter Boost for Seamless Android‑Flutter Hybrid Development

This guide walks you through the complete process of adding Flutter Boost to an existing Android project, creating a Flutter module, registering pages in Dart, configuring native routing, handling communication between Dart and Java, and even embedding Flutter fragments, while also providing a concise source‑code analysis of the framework's core mechanisms.

Flutter BoostHybrid Developmentandroid integration
0 likes · 24 min read
How to Integrate Flutter Boost for Seamless Android‑Flutter Hybrid Development
政采云技术
政采云技术
Feb 23, 2020 · Mobile Development

An Introduction to JSBridge: Origin, Dual‑Communication Principles, and Usage

This article explains the origin of JSBridge, compares H5 and native development, details the two‑way communication mechanisms—including URL Scheme interception, prompt rewriting, and API injection—and provides practical usage guidelines and code examples for integrating JSBridge in hybrid mobile apps.

Hybrid DevelopmentJSBridgeWebView
0 likes · 14 min read
An Introduction to JSBridge: Origin, Dual‑Communication Principles, and Usage
JD Retail Technology
JD Retail Technology
Oct 23, 2019 · Mobile Development

Flutter Adoption at 7FRESH: Architecture, State Management, Hybrid Development, Performance Comparison, and Future Plans

The article details 7FRESH's practical adoption of Flutter since its 1.0 release, describing their layered architecture, Provider-based state management, hybrid codebase strategies, performance benchmarks against H5, manpower efficiency gains, and future roadmap for cross‑platform development.

FlutterHybrid DevelopmentMobile Development
0 likes · 10 min read
Flutter Adoption at 7FRESH: Architecture, State Management, Hybrid Development, Performance Comparison, and Future Plans
Xianyu Technology
Xianyu Technology
Oct 17, 2019 · Mobile Development

Flutter‑boot: Engineering Hybrid Flutter Modules for Mobile Development

Flutter‑boot is an open‑source CLI that streamlines hybrid Flutter module development by providing a standardized project layout and automated commands—create, link, remotelink, and update—to integrate Flutter into existing iOS/Android apps, enable local and cloud builds, and cut setup to a single command and two lines of code.

AndroidFlutterFlutter-boot
0 likes · 12 min read
Flutter‑boot: Engineering Hybrid Flutter Modules for Mobile Development
Sohu Tech Products
Sohu Tech Products
Jun 19, 2019 · Mobile Development

Integrating Flutter into iOS Apps: Mixed Development, Configuration, and Debugging Guide

This article provides a comprehensive step‑by‑step guide for integrating Flutter into iOS projects, covering required configuration files, script usage, AppDelegate modifications, MethodChannel communication, common pitfalls, debugging tools, performance monitoring, and routing strategies for both static and dynamic navigation.

DebuggingFlutterHybrid Development
0 likes · 15 min read
Integrating Flutter into iOS Apps: Mixed Development, Configuration, and Debugging Guide
NetEase Media Technology Team
NetEase Media Technology Team
Mar 11, 2019 · Mobile Development

How NetEase News Integrated Flutter: A Step-by-Step Hybrid Mobile Development Guide

This article details NetEase News' practical experience of gradually integrating Flutter as a module into an existing Android/iOS codebase, covering architecture, integration methods, build modes, project management, native‑Dart communication, routing strategies, debugging, encountered issues, and stability measures.

AndroidDARTFlutter
0 likes · 13 min read
How NetEase News Integrated Flutter: A Step-by-Step Hybrid Mobile Development Guide
Xianyu Technology
Xianyu Technology
Sep 22, 2018 · Mobile Development

Insights from Google Developer Day 2018: Flutter Performance, Hybrid Hot Reload, and Ecosystem Trends

At Google Developer Day 2018 in Shanghai, the Xianyu team highlighted Flutter’s upcoming 1.0 release, hybrid hot‑reload challenges, native view embedding via platform_views.dart, and performance optimizations such as lighter layout calculations and Skia tweaks, noting rapid adoption by major Chinese firms and plans to open‑source their tools.

FlutterGoogle Developer DayHybrid Development
0 likes · 7 min read
Insights from Google Developer Day 2018: Flutter Performance, Hybrid Hot Reload, and Ecosystem Trends
Qunar Tech Salon
Qunar Tech Salon
Sep 7, 2018 · Mobile Development

Understanding JavaScriptCore in iOS: Architecture, Components, and Integration

This article explains the role of JavaScriptCore in iOS development, covering its origins in WebKit, the internal architecture of JSCore—including lexer, parser, LLInt and JIT—its key features, and how developers can use JSContext, JSValue, and JSExport to bridge Objective‑C and JavaScript for hybrid applications.

Hybrid DevelopmentJSContextJSValue
0 likes · 30 min read
Understanding JavaScriptCore in iOS: Architecture, Components, and Integration
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
Xianyu Technology
Xianyu Technology
Aug 6, 2018 · Mobile Development

Flutter Integration in Mixed Native Projects: Architecture, Build Optimization, and Debugging

The article details how to reconstruct Xianyu’s product detail page using Flutter within existing native iOS/Android apps, covering project structure, environment management, build optimizations for Android and iOS, native‑launch debugging with hot‑reload, and CI integration for reliable hybrid releases.

Build OptimizationFlutterHybrid Development
0 likes · 11 min read
Flutter Integration in Mixed Native Projects: Architecture, Build Optimization, and Debugging