You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何设置ListDetailPaneScaffold面板的初始尺寸/占比?

设置ListDetailPaneScaffold初始拆分占比为50%/50%

你可以通过ListDetailPaneScaffold的initialSplitFraction参数指定初始面板拆分比例,该参数接受0-1之间的浮点数:

  • 0.0:列表面板占满整个空间,详情面板隐藏
  • 1.0:详情面板占满整个空间,列表面板隐藏
  • 0.5:两者各占50%空间

直接在组件中传入该参数即可,示例代码如下:

ListDetailPaneScaffold(
    initialSplitFraction = 0.5f,
    listPane = {
        // 列表面板内容
    },
    detailPane = {
        // 详情面板内容
    }
)

该参数仅控制初始拆分比例,用户后续仍可通过拖动分隔线调整占比。如果需要锁定比例禁止用户调整,可搭配isSplitPane参数设为false,或自定义分隔线交互逻辑。

内容的提问来源于stack exchange,提问作者dessalines

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.15 06:32:02