修復材料中的標籤欄-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

回答

相關問題