0
如何實現嵌套抽屜佈局?反應工具箱中的嵌套抽屜/佈局
LOGO | Nav-Items-Here
-------------------------
Page Header
-------------------------
Drawer | Content
/Sidebar|
|
|
我試過使用嵌套佈局,但它不起作用。抽屜始終固定在窗口的頂部。我的代碼如下所示(簡化,以消除複雜性等反應路由器):
<Layout>
<Panel>
<DomainPage />
</Panel>
</Layout>
DomainPage
<div>
<header styleName="pageHeader.header pageHeader.headerNoBorder">
<h1 styleName="pageHeader.headerText">{this.props.domain.get("name")}</h1>
</header>
<Tabs theme={theme} index={this.state.index} onChange={this.handleTabChange}>
<Tab label="Intents">
<DomainIntentsTab />
</Tab>
<!-- ... -->
</Tabs>
</div>
DomainIntentsTab
<Layout>
<Panel>
<NavDrawer pinned active>
Test
</NavDrawer>
</Panel>
</Layout>
好吧添加
pinned
但問題是我想要的側邊欄「對接」,我可以設置'活躍= TRUE',但其仍高於我的內容。現在我用CSS來實現側邊欄。將標記爲答案,因爲它解決了始終在頂部對接的邊欄問題...但是...我犯了什麼錯誤? –@JiewMeng編輯了我的答案。讓我知道如果這就是你想要的? – Venugopal
哦,這太棒了! –