Fixing tab bar in material-ui

Question

I'm trying have fixed Tabs component at the bottom of the screen. I have tried

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

and even style={{position:"fixed"}}

How do I fix the Tabs at the bottom?

Answer 1

I use the tabItemContainerStyle like this:

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

Answer 2

This work for me

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