H5做的app怎么实现将消息推送到状态栏,求大神指点

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5做的app怎么实现将消息推送到状态栏,求大神指点相关的知识,希望对你有一定的参考价值。

消息推送(Push)指运营人员通过自己的产品或第三方工具对用户移动设备进行的主动消息推送。用户可以在移动设备锁定屏幕和通知栏看到push消息通知,通知栏点击可唤起APP并去往相应页面。我们平时在锁屏上看到的微信消息等等都属于APP消息推送行列。 推送(Push)是一种技术概念,是指从服务端实时发送信息到客户端。应用想实现消息推送功能必须使用第三方或者自己研发,
第三方推送工具推荐使用极光推送,极光推送是经过考验的大规模 App 推送平台,每天推送消息量级为数百亿条。 开发者集成 SDK 后,可以通过调用 API 推送消息。同时,极光推送提供可视化的 web 端控制台发送通知,统计分析推送效果。 极光推送提供四种消息形式:通知,自定义消息,富媒体和本地通知,消息送达率高,可有效提供APP运营效率

参考技术A H5的app,所有这种APP你肯定会套用一个APP的外壳,所有的推送,支付等都需要你在APP外壳里面用原生的代码去实现。追问

我用原生app做了一个消息推送到状态栏的Demo,但是一放入用H5做的app项目中运行后没有任何效果

追答

肯定是代码有问题,因为不管是codover还是其他苹果,打包都是基于原生项目的。

WIX Navigation V2 - 推送到新屏幕时隐藏底部标签栏

【中文标题】WIX Navigation V2 - 推送到新屏幕时隐藏底部标签栏【英文标题】:WIX Navigation V2 - Hide bottom tab bar when push to a new screen 【发布时间】:2019-01-19 05:13:39 【问题描述】:

问题描述

我有 TabBar 基本应用程序,在我的一个选项卡中,我需要将其推送到另一个屏幕,但标签栏不应显示在推送的屏幕中。但是底部栏仍然存在于推送的屏幕中。 我想要实现的不是完全隐藏底部标签栏,而是将推送的屏幕放在标签栏的顶部。

复制步骤/代码片段/屏幕截图

这是我显示标签栏应用程序的代码:

bottomTabs: id: 'BottomTabsId', children: [ stack: children: [ component: name: 'Home', options: topBar: backButton: title: 'Back', , title: text: 'Home' , bottomTab: fontSize: 12, text: 'Home', icon: require('./src/assets/home.png'), selectedIcon: require('./src/assets/home_active.png') , , , ] , stack: children: [ component: name: 'Booking', options: topBar: title: text: 'Booking' , bottomTab: text: 'Booking', fontSize: 12, icon: require('./src/assets/booking.png'), selectedIcon: require('./src/assets/booking_active.png') , ], , , ], ,

标签栏仍然存在 :(

我想要实现的是这个


环境

React Native Navigation 版本:2.0.2454 React Native 版本:0.56 平台(iOS、Android 或两者?):IOS 设备信息(模拟器/设备?操作系统版本?调试/发布?):模拟器 IOS 11

【问题讨论】:

【参考方案1】:

对于android v2中的隐藏底部标签

componentDidMount() 
    Navigation.mergeOptions(this.props.componentId, 
        bottomTabs: 
          visible: false,
          drawBehind:true
        
      );

【讨论】:

【参考方案2】:

我也面临同样的问题。我找到了一种在推送新屏幕时以编程方式隐藏tabs 的方法。

您可以在新推送的屏幕中使用隐藏标签。在构造函数中编写以下切换。

this.props.navigator.toggleTabs(
      to: 'hidden',
      animated: false,
    );

【讨论】:

这看起来像 v1 语法【参考方案3】:

您需要使用bottomTabs.visible: false 选项推送该屏幕:

Navigation.push(this.props.componentId, 
  component: 
    name: 'your.component.name',
    options: 
      bottomTabs: 
        visible: false,
        drawBehind: true
      
    
  
);

【讨论】:

它在 iOS 和 Android 上都不起作用?可以试试最新的react-native-navigation吗?

以上是关于H5做的app怎么实现将消息推送到状态栏,求大神指点的主要内容,如果未能解决你的问题,请参考以下文章

h5手机APP怎么设计沉浸式状态栏

微信朋友圈转发的带背景音乐的H5页面是怎么做的,求大神发一个源码。

求 Oracle 大神指教,更具时间自动更新状态

搜索处于活动状态并推送到下一个视图控制器时出现导航栏问题

微信小程序的顶部手机状态栏怎么做成下面的那种效果,全屏显示?

将表单数据推送到对象数组