Question

我正在使用react native / expo创建一个应用程序，并使用react-navigation进行导航。

我需要一个底部的标签导航器，并且对于每个标签我都需要一个堆栈导航器。我已按照网站上的示例进行操作，并且在功能上正常运行。（https://reactnavigation.org/docs/en/tab-based-navigation.html）

每次我从选项卡导航器中选择一个不同的堆栈时，新标题就会呈现（很棒）！但是它会增长，好像它添加了填充以补偿状态栏一样。

有什么办法解决这个问题？

谢谢。

Answer 1

您可以添加以下内容来删除导航器中所有屏幕的额外状态栏高度：

resources/app.js

或者您可以在每个屏幕上这样做：

const welcomeIcon = document.querySelectorAll('.welcome-card-icon');

for (let i = 0; i<welcomeIcon.length; i++){
    welcomeIcon[i].addEventListener('click', () => {
console.log('clicked!')}
    );
};

如果需要，您还可以指定自定义值。

在内部响应本机应用程序中渲染后，头增长

1 个答案: