reactNative
reactNative
前端阿皓
前端攻城狮
展开
-
IOS证书申请、上传包管理教程(appuploader)
本次教程的证书申请是通过第三方软件直接生成,非常方便一、下载 appuploader二、登录IOS开发者账号1、可以通过此软件进行证书申请、描述文件、p12申请2、可添加测试设备3、也可以进行App的包上传,例如uniapp ios上架,就可以先打包成.ipa包,然后在此软件上面进行传包,传成功后就可以在苹果开发者网站里面进行包的管理。...原创 2021-07-20 10:24:40 · 1414 阅读 · 0 评论 -
react-native ios运行
一、安装Homebrew ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"/*出现 “Press RETURN to continue or any other key to abort”的时候记得按“回车”(有个朋友看不懂英文然后就不看了,一直在那里等着,真是无可奈何呀!)当你看到 ==>Installation successful! 那么就安装成功原创 2021-07-20 10:14:00 · 666 阅读 · 0 评论 -
react-native清空安卓打包缓存
react-native清空安卓打包缓存1、在package.json文件中添加如下代码"scripts":{ ..., "clean": "cd ./android && ./gradlew clean" //添加这句}2、清空:cd android,执行gradlew clean原创 2020-09-25 09:44:12 · 1151 阅读 · 1 评论 -
ReactNative ios14看不见图片
Xcode升级12后,ReactNative ios14看不见图片(静态图片和网络图片)解决方法1、第一种:修改node_modules中react-native/Libraries/Image/RCTUIImageViewAnimates.m文件if(_currentFrame){ //275行 layer.contentsScale = self.animatedImageScale; layer.contents = (__bridge id)_cu原创 2020-09-25 09:35:29 · 1795 阅读 · 1 评论 -
react-native微信新版sdk分享与支付
一、下载第三方包npm install react-native-wechat-lib二、配置ios配置:1、官网ios配置传送门2、除官网配置外还需添加如下:在项目工程–>Link Binary With Libaries–>添加libRCTWeChat.a文件安卓配置:安卓配置传送门三、使用注意事项:WeChat.registerApp(‘id’,“这个参数...原创 2020-04-23 18:03:11 · 726 阅读 · 0 评论 -
react-native-image-picker ios13上传视频权限问题
react-native-image-picker上传视频报-您没有权限错误原因:1、插件问题,目前还未修复,只能手动更改源码解决方法:在XCode中找到 react-native-image-picker 中的 ImagePickerManager.m文件,将[fileManager moveItemAtURL:videoURL toURL:videoDestinationURL er...原创 2020-04-02 17:25:46 · 682 阅读 · 0 评论 -
react-native-router-flux
react-native-router-flux之页面跳转与回跳一、页面跳转 Actions.ACTION_NAME();//只做页面跳转 Actions.ACTION_NAME({key:value});//页面跳转并且进行数据的传递 键key和值value接受的时候用this.props.key Actions.refresh({key:value}) // 用于刷新当前页面的属性,...原创 2020-03-12 18:33:11 · 317 阅读 · 0 评论 -
react-native消息推送
react-native极光推送先去官网注册:https://www.jiguang.cn/accounts/platform并创建应用一、安装插件jpush-react-native是极光推送官方开发的 React Native 版本插件,用于消息推送。注意:如果项目里没有jcore-react-native,需要安装npm install jpush-react-native -...原创 2020-03-05 20:31:01 · 2794 阅读 · 1 评论 -
reactNative更新App,自定进度条
reactNative更新App,自定进度条一、下载插件yarn add rn-app-upgrade二、安卓使用import React, {Component} from 'react';import {PermissionsAndroid,Text, View,NativeModules,DeviceEventEmitter,TouchableOpacity} from 'rea...原创 2020-03-02 14:54:27 · 1470 阅读 · 4 评论 -
react-native更新App
react-native更新App(安卓+ios)1.Android直接和服务器上版本号作对比下载APK进行安装2.iOS由于需要到AppStore进行下载应用,所以应用需要和AppStore上应用做版本对比后跳转到AppStore进行App更新安卓:1、使用插件 rn-fetch-blobnpm install --save rn-fetch-blob //安装插件//或yarn ...原创 2020-03-02 14:45:30 · 2178 阅读 · 1 评论 -
react-native热更新、自定义弹窗
reactNative热更新自定义弹窗、原生弹窗更新一、安装code-push-clinpm install -g code-push-cli二、注册code-push帐号code-push registerPlease login to Mobile Center in the browser window we've just opened.Enter your token f...原创 2020-02-27 14:11:32 · 865 阅读 · 0 评论 -
react-native-video切换横屏播放
安装 react-native-orientation1、切换横屏:Orientation.lockToLandscape()2、切换竖屏:Orientation.lockToPortrait()备注:使用时报错1、打开android/app/src/main/res/values/styles.xml文件2、删除<item name="android:windowIsTran...原创 2020-02-15 16:58:42 · 1310 阅读 · 0 评论 -
react-native安卓生成签名信息
生成签名并配置打包apk信息1、在android/app目录下执行命令:keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000备注:my-release-key.keystore 生成的密钥库文件my-key-...原创 2020-02-02 17:38:00 · 530 阅读 · 0 评论 -
reactNative集成QQ分享、支付
一、android配置1、下载QQ互联sdksdk下载2、在android/app下新建libs文件夹,将sdk放入文件夹内3、在android/app/build.gradle中添加如下:dependencies { implementation fileTree(dir: "libs", include: ["*.jar"]) implementation "com....原创 2020-02-02 14:15:44 · 883 阅读 · 7 评论 -
reactNative集成微信支付、分享
安装react-native-wechat一、android配置1、在proguard-rules.pro中添加(代码为混淆设置):-keep class com.tencent.mm.sdk.** { *;}2、在android/app/src/main/java/com下面创建文件夹wxapi,并在文件夹内创建WXEntryActivity.java,用于获得微信的授权和分享...原创 2020-02-02 12:46:38 · 557 阅读 · 0 评论 -
reactNative 集成支付宝支付
应用注册scheme,在AliSDKDemo-Info.plist定义URL types箭头所指的设置必须和上一步中的NSString *appScheme = @"zftest";必须保持一致,否则在支付成功后没法回到商户app中,同样和无法拿到成功与否的结果,这是一个坑,注意了,原文博客是没有注原创 2020-02-02 11:32:38 · 993 阅读 · 0 评论 -
react-native 网络图片有时显示,有时不显示(也可解决App卡顿问题)
react-native 网络图片有时显示,有时不显示解决方案1、给Image添加 resizeMethod=“resize” <Image source={{uri:"路径"}} style={{width:100,height:100}} resizeMethod="resize"></Image>resizeMethod :当图片实际尺寸和容器样式尺寸不一...原创 2020-01-16 16:41:54 · 1464 阅读 · 0 评论 -
react-native打包apk,react-native-picker报错
打包apk时报错解决办法1、找到node_modules/react-native-picker/android/build.gradle文件修改如下:android { compileSdkVersion 28 //修改此处版本号为28 buildToolsVersion "28.0.3" //修改此处版本号为28.0.3 defaultCo...原创 2020-01-07 21:40:05 · 467 阅读 · 0 评论 -
react-native华为部分手机闪退
react-native华为部分手机闪退解决办法1、android/build.gradle文件修改ext { buildToolsVersion = "28.0.3" minSdkVersion = 16 compileSdkVersion = 28 targetSdkVersion = 23 //修改为...原创 2020-01-07 21:34:24 · 1122 阅读 · 0 评论 -
react-native-ezswiper
react-native-ezswiper切换闪烁问题解决方案:node_modules中react-native-ezswiper/src/EZSwiper.js修改1、在onScroll中添加如下:if (this.ezswiper.loop) { if (Math.abs(offset - ((this.ezswiper.count + 1) * this.ezswip...原创 2020-01-04 23:07:17 · 859 阅读 · 1 评论