修复材料中的标签栏-ii

我试图在屏幕底部修复Tabs组件。我曾尝试修复材料中的标签栏-ii

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

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

如何解决在底部的标签？

来源

2016-01-18 Camron_Godbout

我想你需要{{位置：固定;底部：0像素;}} –

对不起，我可能想澄清：位置：固定不会修复标签。 –

你有没有尝试在div中包装标签？ '

' – azium

我使用tabItemContainerStyle这样的：

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

来源

2017-03-15 09:16:26

请解释一下，这也是如何解决的。 –

尽管此代码可能回答此问题，但提供有关如何解决问题和/或为何解决问题的其他上下文可以提高答案的长期价值。 –

这项工作对我来说

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

来源

2017-06-03 04:35:26

修复材料中的标签栏-ii

回答

相关问题