Css iOS中的收割台组件高度问题

Css iOS中的收割台组件高度问题,css,ios,react-native,header,styled-components,Css,Ios,React Native,Header,Styled Components,我正在使用React Native和iOS模拟器,但无法使标头正常工作。我需要标题进入屏幕顶部。顺便说一句,我正在使用react navigator 我需要帮助 多谢各位 风格: import styled from 'styled-components/native'; import { Platform, StatusBar } from 'react-native'; export const Container = styled.View` padding: 0 16px;

我正在使用React Native和iOS模拟器,但无法使标头正常工作。我需要标题进入屏幕顶部。顺便说一句,我正在使用react navigator

我需要帮助

多谢各位

风格:

import styled from 'styled-components/native';
import { Platform, StatusBar } from 'react-native';

export const Container = styled.View`
  padding: 0 16px;
  padding-top: ${Platform.OS === 'android' ? StatusBar.currentHeight : 0}px;
  width: 100%;
  height: ${64 + (Platform.OS === 'android' ? StatusBar.currentHeight : 0)}px;
  background-color: white;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
`;

export const Logo = styled.Image`
  width: 143px;
  height: 31px;
`;

export const SearchIcon = styled.Image`
  width: 32px;
  height: 32px;
`;