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>