
React-native
文章平均质量分 62
晒干的老咸鱼
摸爬滚打多年的IT码农
展开
-
React-native输入框如何绑定清除数据
React-native的TextInput清空原创 2022-08-25 18:46:45 · 774 阅读 · 0 评论 -
React-native项目使用Jenkins构建异常总结(一)
总结原创 2022-08-12 16:51:07 · 610 阅读 · 0 评论 -
React-native 报错总结
React-native问题汇总原创 2022-08-06 14:07:43 · 403 阅读 · 0 评论 -
Calling startActivity() from outside of an Activity context requires the FLAG_ACTIVITY_NEW_TASK flag
Calling startActivity() from outside of an Activity context requires the FLAG_ACTIVITY_NEW_TASK flag原创 2022-07-21 14:12:30 · 4490 阅读 · 0 评论 -
ReactContextBaseJavaModule getCurrentActivity 返回空问题
ReactContextBaseJavaModule getCurrentActivity 返回空问题转载 2022-07-21 13:57:04 · 690 阅读 · 0 评论 -
jenkins构建Android应用错误整理
使用jenkins,gradle构建Android应用程序时可能出现各种各样的奇怪问题,尤其是使用react-native开发的跨平台app时,因为ios上架appStore有些特殊要求,导致必须把依赖包升级成高版本,但是工程可能存在有的依赖是高版本,有的依赖是低版本的情况。现在将各种问题统一整理如下:1、Duplicate class android.support.v4.app.INotificationSideChannel found in modules core-1.1.0-runtime原创 2022-03-29 10:37:20 · 2132 阅读 · 0 评论 -
Android原生模块向React NativeJS模块传递数据的几种方式(Android)
本文转载自在做React Native开发的时候避免不了的需要原生模块和JS之间进行数据传递,这篇文章将向大家分享原生模块向JS传递数据的几种方式。方式一:通过Callbacks的方式说起Callbacks大家都不陌生,它是最常用的设计模式之一。无论是Java,Object-c,C#,还是JavaScript等都会看到Callbacks的身影。原生模块支持Callbacks类型的参数,该Callbacks对应JS中的function。在原生模块中:public clas..转载 2021-06-21 11:29:30 · 787 阅读 · 0 评论 -
Android native和React-native相互调用和传参
Android native提供接口给React-native调用的方式如下:1、定义一个类public class TYPosPrintServiceModule extends ReactContextBaseJavaModule { private DeviceService deviceService; public TYPosPrintServiceModule(ReactApplicationContext reactContext) { super.原创 2021-06-21 11:27:12 · 1271 阅读 · 6 评论 -
react-native ios调试和打包问题总结(二)
Xcode编译react-native app的时候如果出现如下错误:No architectures to compile for (ONLY_ACTIVE_ARCH=YES, active arch=armv7, VALID_ARCHS=armv7s arm64)解决办法:在Project target里Build Settings的Valid Architectures添加armv7,然后clean,重新再编译如果出现#import <CodePush/CodePush.h&..原创 2021-06-21 10:51:17 · 420 阅读 · 0 评论 -
Xcode导出的release版本ipa如何查看js console日志
本文转载自:https://www.jianshu.com/p/255e8ef03f3d在react native中有这么几种日志:在debug模式下,react native默认打印trace以上级别日志在release模式下,react native默认打印error以上级别日志如果想在release模式下,打印所有console日志,可以在AppDelegate.m中这么干:1、引入RCTLog头文件#import <React/RCTLog.h>..转载 2021-04-01 11:16:38 · 758 阅读 · 0 评论 -
使用xcode导出ipa然后发布到蒲公英上测试
使用xcode直接调试的时候需要使用开发证书,导出ipa放到蒲公英测试的时候需要使用描述证书,如果用开发证书导出ipa,放到蒲公英上也无法正常下载安装。导出ipa的步骤如下:1、打开xcode,按照下图选择:2、3、4、选择enterprise,选择该项可以保证导出的ipa放到蒲公英上后,所有人都可以安装,如果选择hoc,那么只有添加了uuid信任的设备才可以安装;5、这里直接点击下一步即可6、这一步需要选择已经做好的描述证书,这里要注意,只能用描述证书,不能原创 2021-03-29 16:31:59 · 1904 阅读 · 1 评论 -
react-native ios调试和打包问题总结(二)
xcode升级到12之后,进行react-native打包并安装到设备上app启动闪退观察闪退日志,如果原因是:Unknown argument type '__attribute__' in method -[RCTLinkingManager getInitialURL:reject:]. Extend RCTConvert to support this type解决办法为:项目/node_modules/react-native/React/Base/RCTModuleMethod.原创 2021-03-25 19:15:32 · 592 阅读 · 0 评论 -
React-Native SQLite遇到的坑
本文讲解的是使用react-native-sqilte-storage库,github地址:https://github.com/andpor/react-native-sqlite-storage以下为一个使用示例,这里尤其要注意insert的时候,一定要检查插入的数据格式跟数据库表定义的格式是否一致,如果不一致,插入的时候会失败,而且没有任何错误,感觉像是sql没执行我这里就遇到把一个obj插入一个varchar类型的字段时死活不能写数据的情况,一定要慎重!!!importReact..原创 2021-03-10 16:11:49 · 721 阅读 · 0 评论 -
React-Native集成极光推送(Android和IOS)
React-Native集成极光推送的具体流程如下:本文选取的是极光官方维护的react-native推送插件,github地址:https://github.com/jpush/jpush-react-native后台集成极光sdk的地址:https://github.com/jpush/jpush-api-java-client需要注册极光开发者账号,注册地址:https://www.jiguang.cn注册之后登录,然后找到极光推送,新建自己的app,包名必须跟实际一致,得到appKe原创 2021-02-25 16:25:54 · 1773 阅读 · 0 评论 -
React-Native 集成SQLite数据库
本文参考自:https://www.jianshu.com/p/4f6fe34d9b87由于项目需要存储多条记录消息,所以这里记录如何使用React-Native操作SQLite数据库我使用的是react-native-sqlite-storageAndroid端的配置为:npm install react-native-sqlite-storage --save然后进入android子目录,在setting.gradle文件的include ':app'上面一行添加:in.原创 2021-02-25 10:56:06 · 2655 阅读 · 0 评论 -
react-native-camera使用注意事项
react-native-camera的地址:https://github.com/react-native-camera/react-native-camera/blob/master/docs/RNCamera.mdAndroid 6.0以上需要自己手动申请权限Android申请权限方式参考官方说明:<RNCamera ref={ref => { this.camera = ref; }} st原创 2021-01-22 11:31:39 · 1279 阅读 · 3 评论 -
react-native ios导出ipa问题总结
本文转自:https://blog.youkuaiyun.com/u013654125/article/details/914131491、使用Xcode导出IPA文件的方式为:首先:右键Xcode Product-> AnalyzeXcode会执行编译程序,这个大概会编译几分钟,执行完之后如果出现如下图所示,无法导出:解决办法为:在xcode设置里,找到打包的账号,选择View Details,将Provisionfile Profiles全部删除,然后再重新打包即可..转载 2021-01-13 11:26:18 · 389 阅读 · 0 评论 -
react-native ios调试出现undefined is not an object(evaluating ‘WeChat.registerApp‘)
本文转载自:https://www.jianshu.com/p/6a792118fae4如果出现undefined is not an object(evaluating 'WeChat.registerApp'),解决办法如下:1、下载react-native-wechat包,yarn add react-native-wechat;2、执行自动配置命令:react-native link react-native-wechat,react-native-wechat ios dependen转载 2021-01-12 16:29:55 · 2888 阅读 · 0 评论 -
react-native ios调试和打包问题总结(一)
在mac的terminal进入react-native项目目录,执行react-native run-ios出现如下错误提示:unable to exec Xcode native xcrun(Permission deny),解决办法是执行sudo xcode-select -switch /Applications/Xcode.app/Contents/Developer原创 2021-01-08 15:33:25 · 1481 阅读 · 0 评论 -
Cannot add task ‘wrapper‘ as a task with that name already exists
使用VSCode进行react-native项目打包时,如果遇到Cannot add task 'wrapper' as a task with that name already exists错误,多半是由于gradle的版本问题导致的// 旧版本是:task wrapper(type:Wrapper) { //configuration}// 新版本是:wrapper { //configuration}检查方法如下:1、检查android/build.gradl...原创 2020-12-29 10:26:45 · 516 阅读 · 0 评论 -
VSCode解决中文路径react-native项目无法打包的问题
VSCode导入react-native项目时,如果项目路径包含中文,那么在打包的时候会报错,提示路径包含中文,解决办法有两个:1、将项目复制到不含中文的路径下,然后再导入到VSCode,再进行编译打包;2、在android目录下的gradle.properties文件结尾增加android.overridePathCheck=true,然后再进行gradle ass打包即可...原创 2020-12-29 09:38:35 · 449 阅读 · 0 评论 -
React-native项目yarn install提示Couldn‘t find the binary git
最近接触一些React-native开发的项目,在编译和打包的时候遇到一些问题,这里进行总结记录使用VSCode导入React-native项目之后,需要执行yarn(或yarn install)进行依赖库的下载(不要使用npm install或者cnpm install,因为npm install安装的依赖存在版本和顺序问题,会导致有的人电脑可以执行,有的人电脑不能执行,yarn install安装依赖没有这种问题)如果在执行yarn install的时候出现如下错误:error Couldn原创 2020-12-24 13:39:50 · 8779 阅读 · 0 评论 -
React Native模块加载与原理分析
看到一篇文章写得很好,地址:https://www.jianshu.com/p/af4cb096785b?utm_source=oschina-app转载过来方便时常阅读,以防后续找不到转载 2020-12-15 19:05:56 · 254 阅读 · 0 评论 -
react native 集成百度智能云文字识别(Android)
本文转载自https://blog.youkuaiyun.com/qq_39910762/article/details/97682404首先先申请账号,然后创建应用,创建应用一定要填写包名创建成功后,查看应用会有一个安全模式设置,将这个License文件下载到本地下载SDK,然后解压将ocr-sdk.jar文件拷到 app/libs将ocr-sdk.jar同级其余文件拷到main/jniLibs文件夹中Android Studio 配置app/build.gr.转载 2020-12-15 16:01:26 · 576 阅读 · 0 评论 -
VSCode调试react-native android项目错误解决办法
如果运行react-native android项目出现如下错误:解决办法如下:一、执行adb devices,判断adb有没有断,二、如果是adb断了就使用一下步骤adb reverse tcp:8081 tcp:8081npm start如果adb没断,直接npm start...原创 2020-12-14 14:48:39 · 732 阅读 · 1 评论 -
VSCode解决打开文件的时候只显示一个tab的办法
VSCode每次打开一个新的文件都会替换掉原来的文件,这样使用很不方便,解决办法如下:1、点击左下角的设置按钮打开设置页面,搜索show tabs,然后找到Workbench > Editor:Show Tabs,勾选该项2、找到Workbench.editor.enablePreview,取消该项的勾选这样每次打开文件都会显示成新的tab...原创 2020-12-14 14:17:43 · 4591 阅读 · 2 评论 -
VSCode开发react-native app进行android apk打包
生成keystore密钥keytool -genkey -v -keystore my-test.keystore -alias androiddebugkey -keyalg RSA -keysize 2048 -validity 10000输入密钥口令,然后确认口令,接下来输入必要的信息,会生成一个keystore文件,这个文件就在命令执行的路径设置gradle的环境变量1、把keystore文件放到你工程中的android/app文件夹下(app/assert/my-test.原创 2020-12-11 14:58:00 · 2976 阅读 · 0 评论 -
VSCode配置react-native开发android项目环境
本文参考自https://blog.youkuaiyun.com/ericsxd/article/details/103288478VSCode的配置可参考https://blog.youkuaiyun.com/chali1314/article/details/1096422081、yarn以及 React Native命令行工具npm install -g yarn react-native-cli2、创建一个工程目录(workspace),如下:E:\react-native\project_test.转载 2020-12-10 17:02:52 · 1620 阅读 · 0 评论 -
react-native使用android摄像头
react-native使用摄像头需要用到react-native-camera插件react-navtive-camera插件的github地址:https://github.com/react-native-camera/react-native-camera/blob/master/docs/RNCamera.mdAndroidmanifest.xml需要配置的权限<uses-permission android:name="android.permission.CAMERA" /&原创 2020-12-10 11:03:25 · 1183 阅读 · 0 评论