Fixing padding of searchbar in search screen (#4223)

This commit is contained in:
Andre Vasconcelos 2020-04-28 00:20:15 +09:00 committed by GitHub
parent 520ddb37ce
commit 31052a7d53
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -706,6 +706,17 @@ export default class Search extends PureComponent {
fontSize: 15,
};
const paddingRes = padding(isLandscape);
if (paddingRes) {
// Without this the default paddingLeft in style.header
// overrides the paddingHorizontal value gotten from padding(isLandscape)
paddingRes.paddingLeft = null;
if (isLandscape) {
paddingRes.paddingTop = 10;
}
}
return (
<SafeAreaView
excludeHeader={isLandscape && DeviceTypes.IS_IPHONE_WITH_INSETS}
@ -713,7 +724,7 @@ export default class Search extends PureComponent {
>
<KeyboardLayout>
<StatusBar/>
<View style={[style.header, padding(isLandscape)]}>
<View style={[style.header, paddingRes]}>
<SearchBar
ref={this.setSearchBarRef}
placeholder={intl.formatMessage({id: 'search_bar.search', defaultMessage: 'Search'})}