Стили не применяются в навигаторе верхней вкладки материала до тех пор, пока не будут внесены изменения в код. ⇐ Android

[Anonymous]

У меня возникла необычная проблема со стилем в навигаторе верхней вкладки Material в React Native. Стили содержимого моей вкладки не применяются при первой загрузке приложения, но начинают работать, когда я вношу какие-либо изменения в код этого конкретного компонента вкладки.
Вот странное поведение:

• При первой загрузке приложения стили не работают ни для одной из вкладок.
• Когда я редактирую код Tab A — Tab Стили A работают, а стили Tab B — нет.
• Когда я редактирую код Tab B — стили Tab B работают, но стили Tab A перестают работать.
• При перезапуске приложения оба стиля снова перестают работать

Вот мой соответствующий код:
Родительский компонент (HistoryScreen. js):
const HistoryScreen = ({ route }) => {
const { selectedLanguage } = route.params || {};
const [historyBadgeCount, setHistoryBadgeCount] = useState(0);
const [notificationsBadgeCount, setNotificationsBadgeCount] = useState(0);

return (

{texts.historyHeader}

(

),
}}
>
{() => }

(

),
}}
>
{() => }



);
};

Example of one tab content (simplified):

const HistoryTab = ({ selectedLanguage, updateBadgeCount }) => {
return (

(

{date}
{/* Other content */}

)}
/>

);
};

const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: "white",
},
element: {
paddingVertical: height * 0.0125,
alignSelf: 'center',
height: height * 0.1375,
width: width * 0.91,
marginTop: height * 0.0375,
borderBottomWidth: 1,
borderBottomColor: 'rgba(90, 46, 84, 0.2)'
},
// other styles...
});

Dependencies:

"@react-navigation/material-top-tabs": "^6.6.5",
"react-native": "0.72.x"
Using "expo": "^51.0.38",

What I've tried:
Restarting the development server
Clearing cache
Forcing re-render of both tab's contents every time tabs are switched
Many more (been a long time)


Подробнее здесь: https://stackoverflow.com/questions/791 ... s-are-made