reactjs - 修复material-ui中的标签栏

Question

我正在尝试在屏幕底部固定选项卡组件。我努力了

<Tabs
  contentContainerStyle={{position: "fixed"}}
>
</Tabs>

乃至style={{position:"fixed"}}

如何修复底部的标签？

Answer 1

这对我有用

<div style={{position: "fixed", bottom:"0", width:"100%"}}>
 <Tabs>
   <Tab icon={<ActionFlightTakeoff />} />
     <Tab icon={<ActionFlightTakeoff />} />
     <Tab icon={<ActionFlightTakeoff />} />
   </Tabs>
</div>

Answer 2

我像这样使用 tabItemContainerStyle：

<code>
    <Tabs tabItemContainerStyle={{position: "fixed", bottom:"0"}}>
    </Tabs>
</code>