React -Native - Почему панель инструментов Imagebackground вырезает выделение кнопки вкладки? ⇐ CSS

[Anonymous]

Я пытаюсь сделать простой вкладок приложения, где выбранная вкладка выделена изображением выделения таблеток. Изображение работает, но, как вы можете видеть на изображении, нижняя часть таблетки - отсечение. < /P>
import { icons } from '@/constants/icons';
import { images } from '@/constants/images';
import { Tabs } from 'expo-router';
import React from 'react';
import { Image, ImageBackground, Text, View } from 'react-native';

const TabIcon = ({focused, icon, title}: {focused: boolean, icon: any, title: string}) => {
if (focused) {
return (


{title}

)
}
return (




)
}

const _layout = () => {
return (

(



)
}}/>
(



)}} />
(



)}} />
(



)}} />

)
}

export default _layout
< /code>
Я попытался играть с набивкой и полями, но не повезло. Я подумал, что, может быть, безопасная область отрезает его внизу, но увеличение поля не сделало ничего. Я новичок в разработке приложений и учусь с React-C-Contive Expo. Любая помощь ценится!>

Подробнее здесь: https://stackoverflow.com/questions/797 ... button-hig