我正在制作一個應用程式，有時我的布局會被狀態欄重疊。這是隨機發生的，當我導航到另一個螢屏時它會觸發。我認為這可能與導航有關。我能做些什么來解決這個問題？
這是它應該的樣子：
這就是有時重疊的方式：
我試圖將 a 添加paddingTop: Platform.OS === 'android' ? StatusBar.currentHeight : 0到主 View 組件，但是，如果我這樣做，當錯誤沒有發生時，螢屏會被推到底部，我不希望那樣。
uj5u.com熱心網友回復：
您需要考慮設備的“安全區域”。您已經標記了react-navigation，它內置了一些支持并使用了react-native-safe-area-context。他們有描述安全區域支持的檔案。
例如：
import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
function Demo() {
return (
<SafeAreaView
style={{ flex: 1, justifyContent: 'space-between', alignItems: 'center' }}
>
<Text>This is top text.</Text>
<Text>This is bottom text.</Text>
</SafeAreaView>
);
}
export default function App() {
return (
<SafeAreaProvider>
<NavigationContainer>{/*(...) */}</NavigationContainer>
</SafeAreaProvider>
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/359561.html