在材料ui中修复标签栏

Question

我正在尝试修复屏幕底部的Tabs组件。我试过了

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

甚至是style={{position:"fixed"}}

如何修复底部的标签？

Answer 1

我使用tabItemContainerStyle，如下所示：

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

Answer 2

这项工作对我来说

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