- 博客(47)
- 收藏
- 关注
原创 [Android]自定义打包生成文件的名字
一般做法是设置outputFileName,这种方法只对apk有效。设置archivesBaseName,只是修改文件的基本名,不含文件后缀。
2023-01-06 15:57:33
962
1
原创 [Android开发]配置build变体
Gradle 创建的 build 变体数量等于每个变种维度中的变种数量与您配置的 build 类型数量的乘积。当 Gradle 为每个 build 变体或对应的工件命名时,先显示属于较高优先级变种维度的产品变种,接着是较低优先级维度中的产品变种,再接着是 build 类型。对应的是android/app/src/main/res/values里的strings.xml和styles.xml,如果多变种会优先读取相应目录下的.build 变体:[staging,prod][Debug,Release]
2022-11-29 18:36:15
659
原创 记录xcode和android调试器的报错合集
xcode1.旧版本升到新版本出现字体重复链接等问题error: Multiple commands produce '/Users/user/App/marathon-app-new/ios/build/marathonAppNew/Build/Products/Debug-iphonesimulator/marathonAppNew.app/Entypo.ttf':1) Target 'marathonAppNew' (project 'marathonAppNew') has copy comm
2022-03-04 14:44:49
611
1
原创 记录苹果审核被拒的情况
使用第三方登录必须添加苹果登录Guideline 4.8 - Design - Sign in with AppleYour app uses a third-party login service, but does not offer Sign in with Apple. Apps that use a third-party login service for account authentication need to offer Sign in with Apple to users as
2022-03-04 14:43:31
1212
原创 添加日程到电子日历中
calendar-linkimport { google, outlook, office365, yahoo, ics } from "calendar-link";jumpToMarkCalendar(type, item){ let url = null; let event = { title: title, description: item.description + `<br/>點擊下列連結<br/&
2022-02-23 17:15:01
322
原创 [RN]使用第三方登录(Facebook,Google,Apple)
Facebook登录import { AccessToken, LoginManager } from 'react-native-fbsdk-next';const facebookLogin = ()=>{ LoginManager.logInWithPermissions(['public_profile', 'email', 'user_birthday', 'user_gender']) .then( async (result) => { if (result.is
2022-02-23 14:57:33
1356
原创 [RN]安卓上gif图不动
在android/app/build.gradle中的dependencies中添加implementation 'com.facebook.fresco:animated-gif:2.0.0' // react native版本0.63.4
2022-02-22 18:40:21
1870
原创 [RN]使用react-native-image-zoom-viewer缩放图片显示器长按保存图片到相册功能失效
原因:插件源码使用的CameraRoll已从RN移除,需要另外添加@react-native-community/cameraroll使用ImageViewer提供的onSave回调实现保存:import path from 'react-native-path';import RNFetchBlob from 'rn-fetch-blob';import CameraRoll from "@react-native-community/cameraroll";import ImageView
2022-02-17 18:38:54
2128
原创 [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.configure()不要设置任何值注意:SHA-1的获取(注意是调试模式还是发布模式,一般):ht
2021-08-24 14:30:42
2413
原创 使用 Google Sheet API v4将表格转成JSON格式输出
项目里的i18n原本都是拿下面的api将表格转成json格式Google Sheet API v3于2021年8月已弃用…https://developers.google.com/sheets/api/v3spreadsheets.google.com/feeds/list/[共用链接的key]/[sheet索引]/public/values?alt=json现在用v4: https://developers.google.com/sheets/api/guides/migration htt
2021-08-24 11:09:42
929
原创 [RN]ScrollView嵌套FlatList在安卓上无法执行FlatList的滚动
参考链接:https://cloud.tencent.com/developer/article/1093733使用PanResponder来解决,写成函数组件如下:const panResponder = useRef( PanResponder.create({ onStartShouldSetPanResponder: (evt, gestureState) => (console.warn('wrap start responder')),
2021-08-19 17:46:51
1206
原创 [RN]使用react-native-push-notification 和 Firebase实现APP推送
react native firebase文档 - 安装和配置生命周期流:注册设备以接收来自 FCM 的消息。客户端应用的实例注册以接收消息,并获取唯一标识应用实例的注册令牌。发送和接收下行消息。发送消息。应用服务器向客户端应用发送消息:消息会在通知编辑器或受信任的环境中编写,并且消息请求会被发送到 FCM后端。FCM 后端接收消息请求,生成消息 ID 和其他元数据,并将其发送到平台特定的传输层。当设备在线时,系统会通过平台特定的传输层将消息发送到设备。在设备上,客户端应用会接收到消
2021-08-19 15:49:38
1910
原创 [RN]webview在android上进行页面跳转时发生崩溃
问题描述:项目里需要嵌入YouTube视频,所以用到了react-native-youtube-iframe。然后页面在android上进行页面跳转时偶尔会出现闪退,因为页面里也用到了webview,所以一开始没发现react-native-youtube-iframe也用到了webview…总结: 在页面跳转时,react-navigation 会为整个屏幕(包括 webview,并且仅在 android 中)的不透明度设置动画并迅速使其崩溃。解决方法:方法1.设置webview的不透明度<
2021-07-23 12:04:02
1079
1
原创 Vue监听浏览器刷新,弹出确认框确认继续执行刷新,取消不执行
mounted(){window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))},destroyed () { window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e))},methods:{ beforeunloadHandler (e) { window.confirm('刷新後当
2021-06-30 15:56:04
1982
原创 使用og协议分享web页面到WhatsApp
知乎: 什么是 Open Graph 标签?不懂你还做什么社交营销优化?!往要分享的链接插入标签:APP端: let jsStr = `<meta property="og:title" content="${title}"> <meta property="og:type" content="website"> <meta property="og:url" content="${shareUrl}" /&
2021-06-17 17:38:39
894
原创 Vue使用lightgallery.js实现图像缩略图
<template><div id="lightgallery"> <a href="img/img1.jpg"> <img src="img/thumb1.jpg" /> </a> <a href="img/img2.jpg"> <img src="img/thumb2.jpg" /> </a></div></template><sc
2020-11-24 11:04:45
1278
原创 表单提交自动跳到验证失败的位置
errorScoll(firstError) { let errEleArr = document.getElementsByClassName("error"); let errEle; errEleArr.forEach(e=>{ if(e.innerHTML === firstError){ errEle = e.previousSibling } }) errEle ? this.a
2020-11-19 18:23:30
481
1
原创 [RN] 使用PanResponder,出现“Cannot read property ‘panHandlers’ of undefined”
原因: 官网上给的例子是在componentWillMount里中定义panResponder函数,而componentWillMount已经废弃了,在componentDidMount中定义又不起作用componentWillMount: function() { this._panResponder = PanResponder.create({ // 要求成为响应者: onStartShouldSetPanResponder: (evt, gestureState)
2020-11-17 16:20:02
353
原创 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( { type: 'info',
2020-11-12 11:01:26
552
原创 Vue 父子组件间传值和调用方法
父组件向子组件传方法:@eventclick="emitEventClick"子组件调用:this.$emit('eventclick', event, jsEvent, pos)
2020-11-04 18:03:45
105
原创 new Date遇到的坑
常用相关API方法Date.getFullYear() // 获取年份(4位)Date.getYear() // 获取年份(2位)Date.getMonth() // 获取月份(0-11)Date.getDate() // 获取月份的具体日期(1-31)Date.getDay() // 返回星期几(0-6)Date.parse() // 返回某个日期的时间戳日期格式2020-10-01格式在IE和Safari等浏览器上不兼容2020/10/01是最佳的日期格式...
2020-11-04 17:53:48
460
原创 使用Taro开发微信小程序 总结
1.不能用id、标签、属性等选择器、也不能用伪类和伪元素2.覆盖taro样式: 要在引入taro样式之前// app.scss// 全局覆盖taro样式$btn-color-brand: #ff42a1;@import '~taro-ui/dist/style/index.scss';.......at-button--primary { background: $btn-color-brand; border-color: $btn-color-brand;}之后使用按钮时它的
2020-09-15 16:45:28
799
原创 React Navigation使用
配置导航堆栈import * as React from 'react';import { View, Text } from 'react-native';import { NavigationContainer } from '@react-navigation/native';import { createStackNavigator } from '@react-navigation/stack';const Stack = createStackNavigator(); // crea
2020-09-11 11:26:31
250
原创 [RN]用webview展示Vue单页面应用,跳转页面时,安卓不触发onNavigationStateChange方法
需求:在APP中使用WebView组件展示H5页面,在APP上自定义一个头部回退组件,点击返回按钮,如果H5页面有跳转则返回H5页面的上一页,如果没有跳转则退出当前的APP页面。原本的想法:通过WebView的onNavigationStateChange()方法监听H5页面的跳转,根据此时的canGoBack参数判断进行后续操作。<WebView source={{uri: url}} onNavigationStateChange={navState => { th
2020-09-10 15:44:18
2641
3
原创 总结ref的用法
ref通常被用来获取DOM元素或组件实例string类型的ref<input type='text' ref='input' />......console.log(this.$refs.input) // <input type='text' />$refs 是所有注册过的ref的一个集合在react中,一般使用function类型的ref,上面的这种string类型的ref将会被废弃,因为它无法直接获取this的指向,并且当使用render回调函数的开发模式,
2020-09-07 15:04:15
3428
原创 [RN] 传参
父子组件之间传参注意:子组件得到的props的参数不能更改// 父组件export class ComponentA extends React.Component { constructor(props) { super(props); this.state = { num: 1} } onChangeText = value => { this.setState({ num: value }) }
2020-08-25 18:03:14
380
原创 [RN] 图片加载
本地图片 <Image source={require('url')} />网络图片 <Image source={{uri: 'url'}} style={{width: , height: }} />
2020-08-25 17:40:28
681
原创 [RN]打开website
在浏览器打开链接import {Linking} from 'react-native'......if(Linking.canOpenURL(url)){ Linking.openURL(url)}在APP里打开链接Navigation.openURL(url)Linking提供了一个通用的接口来与预期和传出的App链接进行交互。每个链接(URL)都有一个URL方案,某些网站以https://或为前缀,http://并且http是URL方案。我们简称为“方案”。内置UR.
2020-08-25 17:36:11
521
原创 页面跳转打开APP,若没有安装则跳转到下载页面
判断当前手机系统尝试打开APP链接,手机已安装了APP成功跳转打开APP手机没有安装APP则跳到应用商城安装页if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { var loadDateTime = new Date(); window.setTimeout(function () { var timeOutDateTime = new Date(); if (timeOutDate.
2020-08-24 13:02:59
2311
原创 节流和防抖
因为最近在做图像处理,触及到一些鼠标事件,像mouseover、scroll,窗口的resize等事件会频繁触发,造成卡顿,用户体验非常不好。防抖 debounce概念:当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就取消之前的延时调用函数,重新开始延时调用函数。当持续触发scroll事件时,事件处理函数handle只在停...
2020-03-18 09:44:48
133
原创 IE浏览器兼容ES6
1. browser.js 使浏览器兼容ES6的基本语法在引入其他脚本前先引入script标签的type的值设为text/babel<script type="text/javascript" src="./babel/browser.js"></script><script type="text/babel"> ......</script&...
2020-03-10 14:56:06
547
原创 区分 screenY clientY pageY layerY offsetY
screenX/Y 鼠标到显示器屏幕左上角的距离 clientX/Y 鼠标到浏览器可视页面左上角的距离(在页面无滚动条的情况下值等同于pageY) pageX/Y 鼠标到可视页面左上角的距离(不受页面滚动影响,IE9之下并不支持这个属性) layerX/Y 当前触发鼠标事件的元素或它的父级元素中最近具有定位属性的元素,计算鼠标到该元素的border左上角的距离。如果找不到具有定位属性的元素,...
2020-03-09 10:22:44
210
原创 总结使用fabric实现图片编辑器主要用到的知识点
对象canvas var canvas = new fabric.Canvas('canvasId');rectvar rect = new fabric.Rect();circle var circle = new fabric.Circle({ angle: 30, radius: 10 });imagevar img = document.g...
2020-01-08 14:43:05
4621
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人