【问题标题】:react navigation content on top of header在标题顶部反应导航内容
【发布时间】:2020-11-29 15:39:04
【问题描述】:

我正在为所有屏幕使用带有自定义标题的 react-navigation。我正在尝试以这样一种方式设计应用程序,即内容视图的顶部小部分应覆盖在自定义标题的顶部。

我正在使用options={{header: props => <CustomerHeader {...props} />}} 为所有屏幕定义自定义标题的方式。不过,我不想将标题用作屏幕的内容。

我尝试在内容上使用绝对位置,但内容总是放在标题后面。有什么办法可以将内容放在头部顶部?

这是一个带有最小演示的小吃:

https://snack.expo.io/@tushark/absolute-header

【问题讨论】:

    标签: react-native expo react-navigation


    【解决方案1】:

    可能是一个糟糕的设计,但这里有一个想法。

    https://snack.expo.io/@yoobit0616/absolute-header

    【讨论】:

    • 但是我会有很多屏幕。这是最好的方法吗?其他屏幕也应该使用相同的标题。
    • 是的,这就是为什么我说这可能是一个糟糕的设计哈哈......但这是我能想到的唯一方法可以做你想要的。
    猜你喜欢
    • 2021-08-04
    • 2020-09-28
    • 2023-03-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-05-07
    • 1970-01-01
    相关资源
    最近更新 更多