- 博客(19)
- 收藏
- 关注
RSS订阅原创 比alert清除缓存功能的加强版
**比alert清除缓存功能的加强版**app开发有个清除缓存功能，虽然常见，但是功能不大，最常见的实现方式就是alert(‘清除缓存成功！！’)但是这次我来个不一样的，直接上代码哈const [storageSize, setStorageSize] = useState((Math.random(1, 30) * 10).toFixed(1) + 'MB');通过**Math.random()**来获取随机缓存值,虽然每次进来缓存值都是不一样的，稍微注意点细心的人会发现出来。。除非是
2022-01-20 11:09:08
725
1
原创 关于Taro3.0如何使用React-Native的Pushy以及android打包
本次问题点关于Taro3.0如何Android打包？如何使用pushy？Taro3.0如何Android打包？-将 Taro 代码编译成相应平台的 jsbundle 文件taro build --type rn --platform iostaro build --type rn --platform android然后会在app/src/main/assets/xxxxx.byndle文件然后在MainApplication.java文件中getJSMainModuleName()
2021-09-04 13:53:50
847
原创 react-native集成支付宝(android端)
关于android配置模块:安装 yarn add @0x5e/react-native-alipay在MainApplication.java文件中添加import com.reactlibrary.AlipayPackage;//支付宝在AndroidManifest.xml添加权限<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /><uses-permission and
2021-09-02 10:38:29
321
原创 react-native App 解析和处理相册文件信息
react-native App解析和处理相册文件信息分享和邀请是我们的App中不可缺少的功能之一，其中长图分享的核心在于图片上的二维码信息，视频分享在于视频源文件中保存的mate信息，本文主要讲的是App如何获取和处理这些信息。// 核心工具import CameraRoll from '@react-native-community/cameraroll';import { QRCodeImage, VideoMeta } from 'react-native-vod';主要步骤：获取相册
2021-06-01 17:50:55
360
原创 typescript定义灵活的参数接口
都2021年了还不会用typescript那就很尴尬，但不是就把文件后缀改成tsx、ts就算typescript了，得有友好的类型提示才算，不然每次调用方法还要看源文件需要哪些参数就很不方便。在定义Dialog类时就遇到了很典型的问题，因为Dialog有不同种类的通知，然后不同通知类型的参数要求可能也各不相同。调用接口时是这样的 Dialog.show(type,props)，type参数要把通知类型列好，props要把通知所要的参数/数据列好。很快就能根据需要定义出通知type和相关interfac
2021-03-17 13:40:09
644
原创 为什么要用React-Hooks
要用好一个工具，首先要知道它是为了解决什么问题，学会它并不是为了装逼吹水，而且拿来办事。React-Hooks的出现并不是用来取代Class，而是用来弥补它的不足，那就是很难在Class组件之间重用状态逻辑，虽然HOC也能解决这个问题，但是它会让组件更复杂甚至难以理解。从我们所熟悉的项目开始，看看hooks是怎么发挥它的优势。这是一开始我们的项目代码（一两年前从0开始搭建到后面各位伙伴添砖加瓦的历程）左边是App启动时需要执行的大量业务逻辑，右边是在个人页面执行了自动登录逻辑。这样的问题是在本来应
2021-03-17 13:34:24
473
原创 Android & iOS 接入私有code-push server
Code Push是微软提供的一套可以热更新React Native的服务。可以使用微软的服务器也可以自己部署服务器。安卓：1、安装codepush：npm install -g code-push-cli// 我们现在只能用2.1.9版本的code-push-cli,否则后面登录http://codepush.haxibiao.com/会报错npm install -g code-push-cli@2.1.92、登录codepush：我们已经注册过了codepush账户了，所以省略了注册这一
2021-03-10 15:24:00
781
2
原创 如何实现app简易版引导页
如何实现app简易版引导页实现思路刚开始在这里我想到两种实现方案,一个是在路由这块进行实现,一个使用react-native 自带的Modal实现,遮住首页,然后划到最后一个页面,来关闭Modal,并跳转到首页;再根据react-native自带的AsyncStorage来进行缓存,来判断是否是安装app,如果有,则不会出现此页面,没有就会出现实现效果实现代码// An highlighted blockimport React, { useState, useCallback, us
2021-02-26 16:39:21
274
原创 react-native：实现首次启动APP唤起教学浮层
在一些比较复杂的场景中，难免会让部分用户摸不着头脑，这个时候就需要引导用户如何使用App了。引导设计并不是什么新鲜事物，其目的也是万变不离其宗，就是为了解答“我是谁？我从哪里来？要到哪里去？”这三大问题。那么重点来了，本文讲的是如何实现一个遮罩、浮层式的引导功能。需求分析：在用户第一次访问页面时显示，并需要用户进行点击操作后才会逐步消失，用于强调突出和介绍当前界面的功能点。实现步骤：第一次访问显示：这个比较简单，可以通过storage来记录，来判断加是否加载引导。点击逐步显示教学：首先我们需要
2021-02-08 15:03:26
964
原创 [RN]实现淘口令
淘口令的核心功能就是用户进入App时读取粘贴板内容，根据粘贴板内容来做出响应。1、获取粘贴板内容import { Clipboard } from ‘react-native’;Clipboard.getString() => Promise 得到粘贴板内容2、监听App状态，是否进入前台import { AppState, Clipboard } from ‘react-native’;AppState.addEventListener(‘change’, handle);handle
2021-02-08 14:13:18
240
原创 Mac—关于在gitLab上如何创建个人仓库
今天自己尝试了在gitLab上创建个人的本地仓库,我觉的步骤也不难,挺简单的,1,打开gitlab,登录自己账号,点击第一个,New project,然后会出现[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YgaF4uHa-1606733425242)(http://cos.haxibiao.com/images/5fc4cd332c0c4.png)]此页面,projectName,你想命名的项目名;Project description (optional):
2020-11-30 18:51:26
529
原创 (Mac)前端安装Composer&&与Laravel 的环境(-)——PHP环境搭建
安装HomeBrew/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"使用 brew doctor 检查是否存在冲突，然后使用 brew update && brew upgrade 对 brew 进行升级，关于 HomeBrew 更多的使用可以看看： https://bin.zmide.com/?p=277安装 NginxNginx 在
2020-11-24 14:13:35
163
原创 关于DMM实现定位功能(五)---搜索位置的功能
完成了周围位置的显示,但是搜索自己想要的位置,该如何实现了?其实实现原理还是一样的,都是用高德地图地图提供的api接口,高德在搜索位置这块,有多个api可以使用,比如下面这几种:关键字搜索：通过用POI的关键字进行条件搜索，例如：肯德基、朝阳公园等；同时支持设置POI类型搜索，例如：银行周边搜索：在用户传入经纬度坐标点附近，在设定的范围内，按照关键字或POI类型搜索；多边形搜索：在多边形区域内进行搜索ID查询：通过POI ID，查询某个POI详情，建议可同输入提示API配合使用请求方式都是通过:“
2020-10-30 17:09:14
1015
原创 关于DMM实现定位功能(四)---实现周围地址的显示
今天打算用定位功能实现一个周围位置的显示,来选择地点,加在懂苗木的发布动态上,如下图那如何获取到用户的当前信息了???我采用了逆地理编码获取周围位置信息,首先可以参考逆地理编码的文档我使用了https://restapi.amap.com/v3/geocode/regeo?key=<用户创建的webKey>&extensions=all&location=“经度“,“纬度“关于WEBKey的获取,可以跟当初获取key值一样,只是平台不一样,方法都是一样的;重点在于个人经
2020-10-27 16:23:49
1245
原创 关于DMM实现定位功能(三)-react-native-amap3d&&react-native-amap-geolocation的使用
继上篇,讲述了react-native-amap3d的基础使用,今天讲述react-native-amap3d&&react-native-amap-geolocation的使用 今天上午忙成的效果图,如下图1,react-native-amap-geolocation如何获取当前信息位置?我创建了一个专门获取到当前定位信息的Position.tsx文件如图:我暂时先写了基础定位功能所需要的方法,其中重点在于getCurrentPosition与watchPosition前者是获得
2020-10-26 15:20:50
686
原创 关于DMM实现定位功能(二)—react-native-amap3d的配置&&简单使用
今天介绍react-native-amap3d的使用,首先官方文档落了很久的定位功能,现在开始动手了,是唤起地图的详情,它的功能如下地图模式切换（常规、卫星、导航、夜间）3D 建筑、路况、室内地图内置地图控件的显示隐藏（指南针、比例尺、定位按钮、缩放按钮）手势交互控制（平移、缩放、旋转、倾斜）中心坐标、缩放级别、倾斜度的设置，支持动画过渡地图事件（onPress、onLongPress、onLocation、onStatusChange）地图标记（Marker）自
2020-10-23 16:24:20
1329
原创 关于ios如何配置微信登录的环境
我就以我自己项目为例,配置ios的环境,基本按照[微信授权文档来的关于授权登录,就是用户第一次登录才能唤起微信授权页面,第二次以后,就不会唤起此页面,直接跳转登录,刚开始我在这里就跳了很久,以为授权登录出现问题;1》首先下微信第三方组件包 “react-native-wechat-lib“,确定配置环境;2》确定好项目的WechatAppId,3》在更改ios如下几个配置文件4》在AppDelegate.h文件,如下 用微信终端 API 的文件中 import WXApi.h 头文件，并增加
2020-10-09 18:12:13
554
1
原创 定位功能的实现(一)——基础配置
在这里推荐的组件——react-native-amap-geolocation[开发文档],尤其在配置在配置环境这块,获取安卓,ios的高德KEY时,尤为关键,(可以暂时用自己的手机号进行注册高德账号,成为个人开发者),1》获取KEY值(如下图),这是我自己注册的Key值(懂苗木举例)如何获取key值,可以参考高德地图开发者文档Android获取key,[iOS获取Key],整体来说基本获取key的值一样a.关于里面的PackageName的获取,可以打开android/app/src/main/
2020-10-09 18:05:50
1477
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人