Flex Layout and Dynamic UI Development in JD Financial Application

This article explains how JD Financial's dynamic UI framework uses standard Flex layout (with Yoga as a cross‑platform engine) to build responsive container and item structures, details common Flex properties, list and absolute layouts, view visibility controls, and provides practical troubleshooting guidance for complex layouts.

Responsive DesignUI DevelopmentYoga Layout

0 likes · 18 min read

Flex Layout and Dynamic UI Development in JD Financial Application

JD Cloud Developers

Sep 18, 2024 · Frontend Development

Mastering Flex Layout in JD Finance’s Dynamic UI: From Basics to Advanced Tricks

This article explains how JD Finance’s dynamic UI framework leverages standard Flex layout and the Yoga engine to achieve consistent cross‑platform designs, detailing container and item concepts, key Flex properties, list and absolute layouts, visibility controls, and common layout troubleshooting tips.

Responsive DesignUI designYoga Layout

0 likes · 17 min read

Mastering Flex Layout in JD Finance’s Dynamic UI: From Basics to Advanced Tricks

NetEase Cloud Music Tech Team

Dec 2, 2020 · Mobile Development

Why React Native Custom Views Need Explicit Width/Height and How to Fix It

This article analyzes why custom Android Views embedded in React Native often fail to render without explicit width and height, explores the underlying RN root layout, measureSpec, and Yoga engine mechanisms, and provides practical solutions such as FrameCallback registration and layout updates to ensure proper rendering.

AndroidCustom ViewMobile Development

0 likes · 12 min read

Why React Native Custom Views Need Explicit Width/Height and How to Fix It