2016-04-25 129 views
1

我想不要在iOS上使用React-Native時顯示半透明(默認)狀態欄,但似乎像這個選項僅適用於Android?在iOS中設置半透明狀態欄與反應原生

class THapp extends Component { 
    render() { 
    return (
     <View style={styles.container}> 
     <StatusBar translucent={false} backgroundColor="rgba(0, 0, 0, 1)" barStyle="default"/> 
     <Tabs></Tabs> 
     </View> 
    ); 
    } 
} 

回答

2

也許你以其他方式解決了這個問題,但我有同樣的問題。至於處理這個問題,我正在實現平臺無關的marginTop或paddingTop。

import {Platform} from 'react-native'; 
// Status bar height on iOS is 20 dpi 
const marginTop = Platform.OS === 'ios' ? 20 : 0; 
+0

有趣的解決方案,目前我只爲iOS構建,但這將幫助我在未來適應Android! – mtt