React-Native
he_wen_jian
这个作者很懒,什么都没留下…
展开
-
React/ReactNative面试攻略(偏RN)
React/ReactNative面试攻略(偏RN)原创 2023-02-13 12:53:41 · 590 阅读 · 0 评论 -
ReactNative npm打包流程
公有npm包 1:GitHub上创建共有仓库:https://github.com/2:拉取仓库代码3: 创建模板项目使用命令react-native-create-library创建项目,并指定平台为ios,android,指定android中的package,其他参数可以自行参考在react-native-create-library在github上的文档说明react-native-create-library --package-identifier com.yixi...原创 2022-02-08 16:55:50 · 2406 阅读 · 0 评论 -
React-Native Android添加开机启动功能
1:在工作中遇到自助终端机项目开发,需要实现无人值守,开机启动应用2:配置:系统版本:android 7.1.2(听说android8.0以上有些功能不再支持,请慎用)RN:0.64.03:项目配置(1)添加应用接收系统广播权限<manifest xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" pa原创 2021-10-11 14:41:50 · 649 阅读 · 1 评论 -
react-native-splash-screen 启动页配置
使用RN版本:0.64.01:安装插件:yarn add react-native-splash-screenAndroid项目:2:在MainActivity.java文件中添加如下代码:import org.devio.rn.splashscreen.SplashScreen;//引入启动页依赖public class MainActivity extends ReactActivity implements { @Override protected void..原创 2021-10-11 11:19:51 · 383 阅读 · 0 评论 -
ReactNative Android 第三方库本地化
在RN开发过程中常常会遇到一些第三方库由于版本或者功能需求的原因,我们需要进行源代码的修改,但是每次yarn /npm 添加第三方库时都会把我们的修改代码抹掉了,或者代码拉到另外一个环境运行时又要重新修改,如果项目用久了自己都会忘记需要改哪些地方。以react-native-multi-serial-port 为例1:在项目下创建目录:local_node_modules(自定义)然后把react-native-multi-serial-port项目复制过来,然后把node_mo...原创 2021-06-30 14:37:28 · 554 阅读 · 0 评论 -
React-Native reactotron-react-native 网络调试工具安装
1:安装插件yarn add reactotron-react-native --dev2:根目录添加配置文件ReactotronConfig.jsimport Reactotron from 'reactotron-react-native';Reactotron.configure() // controls connection & communication settings .useReactNative() // add all built-in react nat原创 2021-04-26 15:30:25 · 571 阅读 · 0 评论 -
React-Native @connect 装饰器 配置
1:添加第三方插件yarn add babel-plugin-transform-decorators-legacy --devyarn add @babel/plugin-proposal-decorators --dev2:package.json未添加配置"babel": { "plugins":[ ["@babel/plugin-proposal-decorators", {"legacy":true}], ["@babel/plugin-prop原创 2021-04-19 21:53:15 · 289 阅读 · 0 评论 -
pod install LibreSSL SSL_read: SSL_ERROR_SYSCALL, errno 60
ReactNative 项目ios目录中,运行pod install 会遇到443或者60的问题1:LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443 或者LibreSSL SSL_read: SSL_ERROR_SYSCALL, errno 60[!] Error installing Flipper-RSocket[!] /usr/local/bin/git clone https://github.原创 2021-04-01 10:48:29 · 2951 阅读 · 0 评论 -
react-native run-android 运行旧项目时 maybe you meant react-native-cli?
Looks like you installed react-native globally, maybe you meant react-native-cli?To fix the issue, run:npm uninstall -g react-nativenpm install -g react-native-cli解决方法:npm install --save-dev react-native-cli原创 2020-11-20 00:12:30 · 492 阅读 · 0 评论 -
react-native-splash-screen 使用- android
1:安装yarn addreact-native-splash-screenreact-native linkreact-native-splash-screen原创 2020-09-28 17:44:58 · 267 阅读 · 0 评论 -
@luckfellow/react-native-mqtt 0.5.6 支持离线消息
改插件暂时未支持消息离线模式,至于后面版本会不会修复,那就不清楚了,首先简单安装一下:npm库:https://www.npmjs.com/package/@luckfellow/react-native-mqttGitHub:https://github.com/luckfellow/react-native-mqttnpm i@luckfellow/react-native-m...原创 2020-04-29 16:18:49 · 244 阅读 · 0 评论 -
webstorm Find in Path搜索不全
这个是WebStorm的缓存问题,解决方法很简单清空一下缓存并重启WebStorm就可以了原创 2020-01-09 17:30:15 · 1819 阅读 · 1 评论 -
ReactNative 中添加TypesScript支持
踩坑一:通过ReactNative中文网提供的方法:react-native init MyTSProject --template typescript 创建项目,项目初始化运行就报500,也不知道怎么处理解决方案一:根据网上博客的思路:删除全局安装的react-native-cli:npm uninstall -g react-native-cli然后使用npx安装:np...原创 2019-10-29 10:46:06 · 652 阅读 · 0 评论 -
React-Navigation控件BottomTabBar高度问题
前段时间学习了React-Native,经过几本书的洗礼后正式开启运行模式,进入实战中。项目中有一个项目需求就是,虚拟键盘固定在BottomTabBar上方。这个需求第一感觉就是简单呀,思路瞬间就出来了:先来个绝对定位,然后再做个偏移就OK了,于是就....1:position:'absolute',2:Top:height-XX,然后问题就来了,这个XX的值应该是多少呢,...原创 2018-11-23 15:25:26 · 3543 阅读 · 0 评论 -
React-Native Android打包
Android打包APK创建签名:进入到android/app目录下打开命令行执行如下命令:keytool -genkey -v -keystore xiaoqi-release-key.keystore -alias xiaoqi-key-alias -keyalg RSA -keysize 2048 -validity 10000根据步骤操作,记住密码,打包的时候会用到...原创 2019-06-05 15:42:46 · 609 阅读 · 0 评论 -
React-Native CodePush Android 热更新
温馨提示本地搭建CodeServer,可以查看我另外一篇文章:https://blog.csdn.net/he_wen_jian/article/details/914152961:首先在测试CodePush热更新前一定不要用模拟器测试。2:react-native run-android 手机首次加载页面后关闭Nodejs。3:1.0.0无法更新到1.0.1,只能同一个版本...原创 2019-06-06 14:31:48 · 433 阅读 · 0 评论 -
Windows&Mac本地搭建Code-Push-Server热更新服务器
由于Code-Push-Server服务是由微软公司提供,服务器在海外,检测更新经常超时,所以搭建一个自己的本地服务就很有必要性了使用自己部署的服务器,可以直接登录命令获取token,登录的是私有服务地址,授权登录的初始账号和密码:admin 123456code-push login http://xxx.xxx.xxx.xxx:3000共同设置:1:下载安装MySql,根据提...原创 2019-06-11 11:43:32 · 1779 阅读 · 0 评论 -
React-Native Android 修改包名
React-Native 项目中修改包名不难,就是有点麻烦,需要同时修改多处地方1:修改AndroidManifest.xml中的package2:修改BUCK文件中的两处地方(“Project” android/app/BUCK)3:修改build.gradle文件中的defaultConfig-applicationId(android/app/build.gradle)...原创 2019-06-17 18:24:56 · 403 阅读 · 0 评论 -
react-native-camera 异常
* What went wrong:Could not determine the dependencies of task ':app:preDebugBuild'.> Could not resolve all task dependencies for configuration ':app:debugRuntimeClasspath'. > Could not res...原创 2019-07-02 14:56:43 · 2816 阅读 · 1 评论 -
React-native-push-notification 报错:add tools:replace="android:appComponentFactory"
解决方法:android/app/build.gradledependencies { //implementation project(':react-native-push-notification') compile (project(':react-native-push-notification')) { exclude ...原创 2019-07-02 16:03:48 · 668 阅读 · 0 评论 -
react-native-baidu-map 运行 Loop重复问题
@MainThread protected void init(ReactApplicationContext reactContext) { if(Looper.myLooper()==null) Looper.prepare(); SDKInitializer.initialize(reactContext.getApplicatio...原创 2019-07-02 16:39:43 · 320 阅读 · 0 评论 -
React-Native 异常与解决集
1:FAILURE: Build failed with an exception.* What went wrong:Failed to capture snapshot of output files for task ':app:processDebugResources' property 'sourceOutputDir' during up-to-date check.&...原创 2019-09-20 06:55:48 · 2362 阅读 · 0 评论 -
React-Native笔记
使用淘宝 NPM 镜像大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:$ npm install -g cnpm ...原创 2018-11-24 15:09:32 · 1543 阅读 · 0 评论