logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

[RN]使用react-native-push-notification 和 Firebase实现APP推送

react native firebase文档 - 安装和配置生命周期流:注册设备以接收来自 FCM 的消息。客户端应用的实例注册以接收消息,并获取唯一标识应用实例的注册令牌。发送和接收下行消息。发送消息。应用服务器向客户端应用发送消息:消息会在通知编辑器或受信任的环境中编写,并且消息请求会被发送到 FCM后端。FCM 后端接收消息请求,生成消息 ID 和其他元数据,并将其发送到平台特定的传输层。

#react.js#react native#javascript
React Navigation使用

配置导航堆栈import * as React from 'react';import { View, Text } from 'react-native';import { NavigationContainer } from '@react-navigation/native';import { createStackNavigator } from '@react-navigation/st

#react native#reactjs
[RN]用webview展示Vue单页面应用,跳转页面时,安卓不触发onNavigationStateChange方法

需求:在APP中使用WebView组件展示H5页面,在APP上自定义一个头部回退组件,点击返回按钮,如果H5页面有跳转则返回H5页面的上一页,如果没有跳转则退出当前的APP页面。原本的想法:通过WebView的onNavigationStateChange()方法监听H5页面的跳转,根据此时的canGoBack参数判断进行后续操作。<WebViewsource={{uri: url}}onN

#webview#react native
RN与web view的通信

RN与web view之间的通信只能传递字符串类型流程:web端向APP端请求数据this.ReactNativeWebView = window.ReactNativeWebView;let result = await info(this.ReactNativeWebView)......// info方法info(_this){_this.postMessage(JSON.stringify

#html#react native#vue.js
页面跳转打开APP,若没有安装则跳转到下载页面

判断当前手机系统尝试打开APP链接,手机已安装了APP成功跳转打开APP手机没有安装APP则跳到应用商城安装页if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {var loadDateTime = new Date();window.setTimeout(function () {var timeOutDateTime = new D

#前端#javascript
[RN]打开website

在浏览器打开链接import {Linking} from 'react-native'......if(Linking.canOpenURL(url)){Linking.openURL(url)}在APP里打开链接Navigation.openURL(url)Linking提供了一个通用的接口来与预期和传出的App链接进行交互。每个链接(URL)都有一个URL方案,某些网站以https://或为

[RN]ScrollView嵌套FlatList在安卓上无法执行FlatList的滚动

参考链接:https://cloud.tencent.com/developer/article/1093733使用PanResponder来解决,写成函数组件如下:const panResponder = useRef(PanResponder.create({onStartShouldSetPanResponder: (evt, gestureState) => (console.war

#react native
[RN]安卓上谷歌登录报错“DEVELOPER_ERROR“

https://github.com/react-native-google-signin/google-signin/blob/master/docs/android-guide.md两种原因:1.如果使用了firebase,到firebase后台添加SHA 凭证指纹,然后谷歌服务后台的 凭证 - OAuth 用戶端 ID 就会添加一个安卓的clientId2.使用GoogleSignin.co

#react native
到底了