React Native Navigation - 底部标签位置绝对答案

【问题标题】：React Native Navigation - Bottom tabs position absoluteReact Native Navigation - 底部标签位置绝对
【发布时间】：2020-06-13 09:31:58
【问题描述】：

我的底部标签导航器设置为背景透明的绝对位置，但是当我转到地图选项卡时，我希望选项卡从绝对位置更改为相对位置是否可以？提前致谢！

【问题讨论】：

你可以在任何位置渲染你自己的组件。
不，我的意思是当我在这个特定屏幕上按下我想要的标签图标时，整个标签栏从绝对位置变为相对位置
抱歉，没听懂，有什么例子吗？
我有一个带有 3 个标签的 Tab.Navigator。假设第一个选项卡是主页，第二个选项卡是地图，第三个选项卡是设置。我已将 barStyle 设置为 Tab.Navigator 中所有选项卡的绝对位置，但是当我想转到地图选项卡屏幕时，我希望选项卡不是绝对的（我希望整个选项卡仅在主页和设置上绝对透明）跨度>
那么按下第二个标签后会发生什么？

【解决方案1】：

试试navigation.isFocused() 或

const {name} = useRoute();
const position = name === 'Map' ? 'absolute' : 'relative';

【讨论】：