我的文件庫

多根目錄側邊欄

flex-layout

  • Getting Started

    • Overview

    • Installation

    • Quick Start

      Start here
  • Guides

    • Basic Layout

    • Panel Resizing

    • Open / Close Panels

    • Resize Memory

    • Split Screen

    • Next.js URL Split Screen

      v1.0.0
    • Drag Box

    • Sticky

    • Dynamic Height

    • Scroll Box

    • Header Layout

    • Paging

  • Reference

    • Components

    • Hooks

    • Providers / Store / Utils

    • Types

typed-rx-http

  • Getting Started

    • Overview

    • Installation

    • Quick Start

      Start here
  • Guides

    • HTTP Client

    • Headers & Session Auth

    • Streaming & Upload

    • CSR Cache & Next.js

    • OpenAPI & Service Generator

    • RSocket & AsyncAPI

  • Reference

    • Core API

    • Next.js API

    • RSocket API

    • Generator API

    • Types & Errors

global-rx-state

  • Getting Started

    • Installation

    • Quick Start

      Start here
  • Guides

    • Named State

    • Tuple Mode Rules

    • Reducer Mode

    • Storage

    • Storage Utilities

  • Reference

    • API Reference

    • ESLint Rule

webflux-fe-dev-assistant

  • Overview

  • Getting Started

    • Overview

    • Installation

    • Quick Start

      Start here
  • Guides

    • WatchForMainRun

    • Swagger / OpenAPI

    • Handler Generator

    • Entity Fields & Collections

    • RSocket AsyncAPI

    • Project Defaults & Reload

    • External JAR & Types

    • Troubleshooting

  • Reference

    • Config Reference

    • Annotations & Patterns

reactive-mongo-dsl

  • Overview

  • Getting Started

    • Overview

    • Installation

    • Quick Start

      Start here
  • Guides

    • Execution Context & Resolver

    • Spring Integration

    • Query Flow

    • FieldsPair & Criteria

    • Paging & Sorting

    • Grouping

    • $lookup

    • Atomic Update

    • Bulk & History

    • Transactions

    • Native Aggregation

    • Preview & Explain

    • Atlas Search

    • Vector Search

  • Reference

    • Entrypoints

    • Operations

    • Result Types

  1. 首頁
  2. 彈性佈局

彈性佈局

可調整的分割面板 + 拖放動態分割,適用於 React。從開始文檔快速閱讀,後續指南將按順序擴展。


開始使用
Start here

在首次使用 Flex Layout 時,可以快速瀏覽所需的核心文檔並立即運行示例。

打開區段
指南

整理 Sticky、開/關、DragBox、動態分割視圖及 v1.0.0 的 Next.js URL 基礎分割畫面的實際使用流程。

打開區段
開始使用

在首次使用 Flex Layout 時,可以快速瀏覽所需的核心文檔並立即運行示例。

全部查看
概述

Flex Layout이 무엇인지, 어떤 문제를 해결하는지, 어떤 방향으로 설계되었는지 살펴봅니다.

打開文檔
安裝

설치 방법, 의존성, Next.js(App Router) 환경에서의 주의사항을 정리합니다.

打開文檔
快速開始
推薦

가장 짧은 코드로 레이아웃을 구성하고, resize panel / grow / nested layout 사용법까지 빠르게 익힙니다.

打開文檔
指南

整理 Sticky、開/關、DragBox、動態分割視圖及 v1.0.0 的 Next.js URL 基礎分割畫面的實際使用流程。

全部查看
指南

根據實際使用流程整理 flex-layout 的組合方式。

打開文檔
在 Next.js App Router 中,只需指定 URL 即可在服務器上渲染該 page.tsx,並將其放入 FlexLayoutSplitScreen 的新窗格中。
v1.0.0

僅通過 URL 進行 Next.js page.tsx 的伺服器渲染並拖放到 FlexLayoutSplitScreen pane。

打開文檔
© 2026 Byeolnaerim. 版權所有。介紹隱私政策