浏览器堆栈三星S10显示与安卓S10模拟器不同的标题

Question

我在每个模拟器上看到了不同的结果。我不能在我的模拟器中复制这个问题

有什么想法吗？

浏览器堆栈：

​

​

S10安卓模拟器：

​

​

我的header组件中的样式如下：

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,
        paddingTop: 10,
    },
    titleContainer: {
        flex: 3,
        marginHorizontal: 10,
    },
    removeContainer: {
        flex: 0,
    },
});

Answer 1

我知道BrowserStack在他们的平台上提供真正的移动设备，结果是100%真实的。您所看到的差异的原因之一可能是操作系统版本的差异。

话虽如此，我还是建议联系BrowserStack支持部门，找出确切的根本原因。