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

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

【问题讨论】:

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

标签: react-native react-navigation-bottom-tab


【解决方案1】:

试试navigation.isFocused()

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

【讨论】:

    猜你喜欢
    • 2021-01-06
    • 2018-01-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-01-01
    • 1970-01-01
    • 2021-07-04
    • 1970-01-01
    相关资源
    最近更新 更多