如何设置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
相关产品推荐
相关产品推荐

