hybrid-development

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

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

NetEase Yanxuan Technology Product Team

Mar 20, 2023 · Mobile Development

Hybrid Development Practices: Frontend and Client Collaboration at NetEase Yanxuan

At NetEase Yanxuan, successful webview‑plus‑APP hybrid development hinges on close frontend‑client collaboration, detailed attention to presentation, workflow, and error handling, strict JSBridge standards with unified SDK and documentation, and proactive communication to bridge knowledge, business, and legacy gaps across Android and iOS.

API standardizationJSBridgeWebView

0 likes · 12 min read

Hybrid Development Practices: Frontend and Client Collaboration at NetEase Yanxuan

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.

AndroidFlutterhybrid-development

0 likes · 13 min read

Choosing PlatformView Implementations for Flutter Hybrid Development on Android

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.

DartFlutterNative

0 likes · 24 min read

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

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.

AndroidJavaTitleBar

0 likes · 10 min read

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

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.

Dynamic UpdatesFluttercontainer

0 likes · 12 min read

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

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.

DartFlutterRendering

0 likes · 32 min read

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

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.

FlutterMobile FrameworkStack Management

0 likes · 8 min read

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

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.

AndroidFlutterMobile Engineering

0 likes · 14 min read

Magpie SDK: Engineering Practices for Flutter Hybrid Development

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.

FlutterMagpieOpen-source

0 likes · 9 min read

Magpie Workflow: An Open‑Source Flutter Hybrid Development Solution

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.

FlutterMagpieOpen-source

0 likes · 8 min read

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

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.

DartFlutterNative Integration

0 likes · 17 min read

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

政采云技术

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.

JSBridgeJavaScriptNative

0 likes · 14 min read

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

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

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

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.

FlutterMethodChannelRouting

0 likes · 15 min read

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

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

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.

JSContextJSValueJavaScriptCore

0 likes · 30 min read

Understanding JavaScriptCore in iOS: Architecture, Components, and Integration

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