如何在 React Native 中隐藏和显示导航栏?

2024-04-14

我正在传递 props,当滚动特定高度时,我正在传递 paramsshowHeader: "True"因此,当我滚动时,标题是不透明的,最初它是透明的。因此,在用户滚动回顶部后,我希望标题再次透明,但它是不透明的,我该如何解决这个问题?

Code:

项目详细信息屏幕组件内部:

handleScroll = (event) => {
        if(event.nativeEvent.contentOffset.y > 100) {
            console.log("Height is this ", event.nativeEvent.contentOffset.y);
            this.props.navigation.setParams({ showHeader: "True"})
        }
    }

<ScrollView style={styles.container} 
                onScroll={this.handleScroll}
</ScrollView>

里面的navigation.js:

ProjectDetails: {
        screen: ProjectDetailsScreen,
        navigationOptions: ({ navigation }) => ({

            headerTransparent: navigation.state.params.showHeader === "True" ? false : true ,

            headerTitle: navigation.state.params.myTitle,
        }),
      }

所以最初标题是透明的,所以向下滚动后标题是不透明的,但如果我再次滚动回初始位置,我希望标题是透明的,我该怎么做?


将其设置为 false

handleScroll = (event) => {
    if(event.nativeEvent.contentOffset.y > 100) {
        console.log("Height is this ", event.nativeEvent.contentOffset.y);
        this.props.navigation.setParams({ showHeader: "True"})
    }
    else {
        this.props.navigation.setParams({ showHeader: "False"})
    }
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 React Native 中隐藏和显示导航栏? 的相关文章

随机推荐

  • 清理 PHP/HTML 页面

    有人知道有什么好用的工具可以清理php和html文件吗 我以前使用过 Tidy 但它在单独处理 php 代码方面效果不佳 我知道 tidy 有多种实现 但是有没有专门针对 html 和 php 页面的工具统治冠军 清理代码从将 PHP 与
  • Golang 预处理器类似 C 风格的编译开关

    GO语言有预处理器吗 当我查找互联网时 几乎没有将 pgo 转换为 go 的方法 而且 我想知道这在 Go 中是否可行 ifdef COMPILE OPTION compile this code elif compile another
  • 将 html 表单值传递给 google 搜索查询[重复]

    这个问题在这里已经有答案了 旁注 在每个人告诉我谷歌的自定义搜索引擎之前 我一直在使用它直到现在 但我发现很难设计该搜索框的样式 并且它在我的网站上崩溃了 Hello 我正在尝试创建一个使用 HTML 表单输入的 google 搜索查询 我
  • VBA:运行时错误“91”?

    我在这里想做的就是保存对当前活动窗口的引用 但它似乎不起作用 它在最后一行给了我一个运行时错误 Dim SourceWindow As Window QACheckWindow As Window SourceWindow ActiveWi
  • iOS:处理长按并拖动以选择另一个按钮。 (如键盘)

    我很难找到有关如何处理触摸事件以支持与键盘类似的行为的正确文档 我想要的是一个按钮 当我长按它时 它会在按钮上方显示一个自定义视图控制器 但我希望用户能够将手指拖动到其他按钮之一 无需将手指离开屏幕 我长按按钮 它是自定义视图控制器的所有设
  • 上下文是只读的

    Helo大师 我必须动态创建一个JNDI数据源 我尝试使用名为SetupApplicationListener的侦听器来完成它 这是开始WEB LIB web xml
  • 将参数从 pug 传递到 JSX

    我正在使用 Express 和 React 构建游戏 我需要访问我的 userIdindex jsx文件来在我的控制器上执行操作 例如增加用户分数 我的路线呈现index pug文件同时传递user id param server js a
  • 具体时间通知

    我在特定时间收到通知 请参阅我的代码 Create alarm manager AlarmManager alarmMgr0 AlarmManager getSystemService Context ALARM SERVICE Creat
  • JavaScript 字符串换行符是什么?

    Is nJavaScript 中适用于所有平台的通用换行符序列 如果不是 我如何确定当前环境的特征 我不是在询问 HTML 换行元素 br 我问的是 JavaScript 字符串中使用的换行符序列 我刚刚使用这段愚蠢的 JavaScript
  • 如何让我的 Android 应用程序出现在超省电模式下

    一些三星设备具有超省电模式 可以关闭 wifi 将屏幕变成灰度并限制使用一些基本应用程序 但是 它确实允许您添加一些可以使用的应用程序 这些应用程序包括 Facebook 和 WhatsApp 如何让我的应用程序出现在此列表中 我必须对应用
  • ajax响应错误(XML解析错误:找不到元素位置:moz-nullprincipal)

    我无法得到 ajax 的响应 请指导我如何解决此错误 我从已签入的服务器成功返回数据小提琴网络调试器并且 ajax 仍然显示错误 XML 解析错误 找不到元素位置 moz nullprincipal 6b0a1ac2 50ab 4053 9
  • 如何在 Rails 视图中注释代码?

    当我使用 Rails 并开发视图时 我经常想注释掉代码 类和模型足够简单 但是views有点棘手 在视图中注释代码的最佳方式是什么 这样它就不会被任何东西解释 HTML 给了我们尽管这里包含的代码似乎无论如何都会被解释 或者还有更 Rail
  • Flutter FCM onBackgroundMessage 处理程序给出 null 检查错误

    我正在尝试为我的应用程序实现通知 但是在初始化通知时FirebaseMessaging onBackgroundMessage notificationHandler 给出错误 Error E flutter 28265 错误 flutte
  • JVM 在 Ubuntu 上尝试打开 JavaFX 保存对话框或打开对话框时崩溃

    在 Windows 中一切正常 我只是使用 JavaFX 和 Java 1 8 0 131 从操作系统中选择文件 A fatal error has been detected by the Java Runtime Environment
  • Selenium 登录测试不接受 pytest 设备登录或拒绝连接

    我变得绝望 因为我似乎找不到一个我认为每个人都会使用的解决方案 我想使用 selenium 和 pytest 以及 live server url 来测试简单的登录 根据 pytest django 文档 一个简单的固定装置称为live s
  • Gradle Kotlin DSL:如何使用 typesafe api 配置子项目

    摇篮6 1 1 我一直在尝试使用 Kotlin DSL 转换我的项目的 Gradle 文件类型安全方式但到目前为止失败了 我的所有项目都是用 Java 进行的多项目构建 这个想法是分解 删除子模块的常见配置 无论是在根模块的 子项目 块中还
  • Razor Pages 与服务器端 Blazor

    用于服务器端 Web 应用程序 就像过去的美好时光一样 Blazor https learn microsoft com en us aspnet core blazor view aspnetcore 3 1旨在提供流行 JavaScri
  • 在knitr中,for循环中的pander没有输出

    在 RStudio 中使用 knit pander 在 for 循环中不会生成任何 或正确的 html 输出 这是一个最小的情况 作为 Rmd 输入文件 title Untitled output html document Testing
  • doFilter() 是在 Servlet 工作完成之前还是之后执行?

    The javax servlet Filter http java sun com j2ee sdk 1 3 techdocs api javax servlet Filter html对象既可用于身份验证 其中 Filter 需要在需要
  • 如何在 React Native 中隐藏和显示导航栏?

    我正在传递 props 当滚动特定高度时 我正在传递 paramsshowHeader True 因此 当我滚动时 标题是不透明的 最初它是透明的 因此 在用户滚动回顶部后 我希望标题再次透明 但它是不透明的 我该如何解决这个问题 Code