в Appbar.content имеет пустое пространство выше - PullRequest
Новая
       22

в Appbar.content имеет пустое пространство выше

0 голосов
/ 26 февраля 2020

Я использую следующий код для создания заголовка с react-native-paper и react-navigation: 

return (
        <Appbar.Header theme={{ colors: { primary: "white" } }}>

            {previous ? (
                <Appbar.BackAction onPress={navigation.pop} color={theme.colors.primary} />
            ) : (
                <TouchableOpacity onPress={()=>{navigation.openDrawer();}}>
                    <Avatar.Image
                        size={40}
                        source={{uri: "https://i.imgur.com/2tTU7q1.jpg"}}
                    />
                </TouchableOpacity>
            )}
            <Appbar.Content
                title={
                   <Image source={require("../../assets/images/icon.png")}
                            style={{
                                width: 40,
                                height: 40,
                            }}
                    />
                   }
                titleStyle={{backgroundColor: "red",}}
                style={{alignItems: "center"}}
            />
        </Appbar.Header>
    );

В результате я систематически получаю пустое пространство над изображением (поместите красный фон в сделать это более очевидным): enter image description here

Пространство не существует в .jpg и фактически появляется с любым изображением. Это пространство не появляется, если я использую MaterialCommunityIcons (из @expo/vector-icons) вместо изображения.

Есть идеи, что вызывает это и как его удалить?

...