Browserstack Samsung S10 显示与 Android S10 模拟器不同的标头

问题描述

我在每个模拟器上看到不同的结果。我无法在模拟器中复制该问题

有什么想法吗？

浏览器堆栈：

S10 安卓模拟器：

我的标题组件中的样式如下：

export const racHeader = StyleSheet.create({
    container: {
        height: DeviceInfo.hasNotch() ? 100 : 70,marginBottom: Platform.OS === 'android' ? 10 : 0,},backContainer: {
        marginHorizontal: 10,paddingTop: 10,flex: 0.5,logoRightContainer: {
        flex: 1,marginHorizontal: 10,title: {
        color: colors.LIGHTBLACK,fontSize: 26,flex: 6,fontFamily: fonts.MEDIUM,titleContainer: {
        flex: 3,removeContainer: {
        flex: 0,});

解决方法

我了解 BrowserStack 在其平台上提供真实的移动设备，并且结果 100% 真实。您看到的差异的原因之一可能是操作系统版本的差异。

话虽如此，我还是建议联系 BrowserStack 支持人员以确定确切的根本原因。