Javascript 如何避免底部导航内容重叠？

我使用的是最新版本的reactnavigation

这就是我现在面临的问题：

---

这是我可以用reactnavigation解决的问题，还是我应该在每个屏幕上为父组件设置一个边距底部？

添加边距底部，使其在tab之前结束，而不是完全与tab一起结束。