أدلة

نلخص اتجاه row/column، layoutName/containerName، والقواعد الأساسية للتخطيطات المتداخلة.

نقوم بإنشاء لوحات قابلة للتغيير باستخدام isResizePanel، grow، panelMode، panelMovementMode.

نطوي ونفتح اللوحات باستخدام containerOpenCloseSubjectMap و double click hook.

نستخدم rememberResize لتخزين واستعادة قيم النمو التي ضبطها المستخدم في التخزين.

نقوم بإنشاء شاشة مقسمة ديناميكية مثل VS Code باستخدام FlexLayoutSplitScreen.

يقدم page.tsx في لوحة منقسمة باستخدام URL في Next.js App Router ويستعيد حالة الانقسام حسب تحديث/URL المتصفح.

نقوم بإنشاء عناصر قابلة للسحب مثل علامات التبويب / البطاقات / عناصر القائمة باستخدام FlexLayoutSplitScreenDragBox.

نقوم بإنشاء واجهة مستخدم ثابتة داخل حدود التخطيط باستخدام stickyMode و FlexLayoutStickyBox.

نقوم بمزامنة ارتفاع الحاوية مع ارتفاع viewport والمحتوى باستخدام FlexLayoutDynamicHeight.

نقوم بتخزين واستعادة موضع التمرير داخل الشاشة المقسمة باستخدام FlexLayoutSplitScreenScrollBox.

نستخدم useFlexLayoutControl لطي واستعادة حاوية الرأس في التخطيط الجذري بناءً على التمرير.

نستخدم خطافات ترقيم الصفحات لقوائم التمرير اللانهائية / الصفحات المستندة إلى sentinel.