react-native
react-native相关的
像树_
这个作者很懒,什么都没留下…
展开
-
ReactNative android打包报错Task :react-native-amap3d:compileReleaseKotlin FAILED
问题描述:ReactNative android打包报错:Task :react-native-amap3d:compileReleaseKotlin FAILED截图如下:关键句:Kotlin could not find the required JDK tools in the Java installation '/Library/Internet Plug-Ins/JavaAppletPlugin.plugin/Contents/Home' used by Gradle. Make su原创 2021-08-31 16:46:50 · 1928 阅读 · 0 评论 -
ReactNative android打包报错 Task :app:bundleReleaseJsAndAssets FAILED
ReactNative android打包时 报错解决办法 github原创 2021-05-10 11:14:30 · 1508 阅读 · 0 评论 -
ReactNative android打包报错 Task :app:transformDexArchiveWithDexMergerForRelease FAILED
react native 安卓打包时,出现报错解决方法将下面的代码加入android/app/build.gradle即可android{defaultConfig{ ....... multiDexEnabled true }}来源:github原创 2021-05-10 11:08:45 · 357 阅读 · 0 评论 -
pod install报错-bash: /usr/local/bin/pod: /System/Library/Frameworks/Ruby.framework/Versions/2.3/usr/b
问题pod install 报错-bash: /usr/local/bin/pod: /System/Library/Frameworks/Ruby.framework/Versions/2.3/usr/bin/ruby: bad interpreter: No such file or directory解决办法sudo gem install -n /usr/local/bin cocoapods原创 2020-12-23 17:07:59 · 153 阅读 · 0 评论 -
axios携带token封装及AsyncStorage存储token实现
ReactNative项目中,本地存储通常使用AsyncStorageAsyncStorage中getItem()返回一个Promise在封装的Axios中,拦截请求,将本地存储中的token放进headers里OK,直接开始看实现!具体实现localStorage.js对AsyncStorage的简单封装,实现功能//本地存储//在登录的部分,调用并把token存至本地export const setStringValue = async (key,value) => { .原创 2020-09-29 15:24:02 · 699 阅读 · 0 评论 -
问题解决 react-native android打包报错:Error: Duplicate resources
react-native项目,在打Android包时,报错:Error: Duplicate resourcesFAILURE: Build failed with an exception.* What went wrong:Execution failed for task ':app:mergeReleaseResources'.> [raw/node_modules_reactnativevectoricons_glyphmaps_feather] /Users/momo/Docum原创 2020-06-22 15:38:08 · 1485 阅读 · 0 评论 -
react-native项目
看了很多博客,感觉内容有些老了,参考意义不大react-native 也已经更新到了0.62版本了梳理一下2020年react-native小项目开发过程1 初始化react-native项目1.1 初始化一个react-native项目在配置好react-native环境之后,在终端命令行,输入react-native init your-project-name 初始化一个项目react-native init my-demo...原创 2020-05-31 22:00:11 · 512 阅读 · 0 评论 -
react-native 全面屏适配 ios Android
背景:现在ios和android都有五花八门的全面屏,但同时用户里也依然有很多使用非全面屏手机的用户在使用react-native进行原生开发时,如何进行全面屏适配呢?1.ios全面屏适配1.1 SafeAreaViewSafeAreaView是react-native提供的组件,目前仅支持 iOS 设备以及 iOS 11 或更高版本。目的是在一个“安全”的可视区域内渲染内容。避免内容渲染到不可见的“刘海”范围内,SafeAreaView只对ios设备生效。1.2 SafeAreaVi.原创 2020-05-20 15:17:52 · 2100 阅读 · 0 评论 -
【问题解决】Error: spawnSync ./gradlew EACCES
MacOsreact-native run-android出现了以下报错Make sure you have the Android development environmentError: spawnSync ./gradlew EACCES具体:info Running jetifier to migrate libraries to AndroidX. You can disa...原创 2020-04-14 16:40:46 · 4919 阅读 · 0 评论 -
react-native Text 多余的字数隐藏,并用省略号显示
参考 https://reactnative.cn/docs/text#numberoflinesnumberOfLines用来当文本过长的时候裁剪文本。包括折叠产生的换行在内,总的行数不会超过这个属性的限制。此属性一般和ellipsizeMode搭配使用。ellipsizeMode这个属性通常和下面的 numberOfLines 属性配合使用,表示当 Text 组件无法全部显示需要...原创 2020-04-07 16:52:18 · 3822 阅读 · 0 评论 -
react-native地图组件--react-native-amap3d
react-native-amap3d 是 react-native 高德地图组件,使用最新 3D SDK,支持 Android + iOS参考github:https://github.com/qiuxiang/react-native-amap3d功能该组件提供的功能可以满足一般的react-native开发需求地图模式切换(常规、卫星、导航、夜间)3D 建筑、路况、室内地图...原创 2020-03-12 16:39:44 · 2996 阅读 · 5 评论 -
最新!MacOS react-native 双平台开发环境配置(Android+ios)
前提:node(必备)watchman是由Facebook提供的监视文件系统变更的工具,安装此工具可以提高开发时的性能没有Homebrew则先安装Homebrewbrew install nodebrew install watchmanyarn是Facebook提供的替代npm的工具,可以加速node模块的下载,安装yarn之后,就可以勇yarn来代替npmnpm install...原创 2020-03-20 14:25:19 · 327 阅读 · 0 评论 -
react-native StatusBar 设置透明(适配Android全面屏)
参考文档 https://reactnative.cn/docs/0.45/statusbar/这里用到 StatusBar 属性 translucentandroidtranslucent bool #指定状态栏是否透明。设置为true时,应用会在状态栏之下绘制(即所谓“沉浸式”——被状态栏遮住一部分)。常和带有半透明背景色的状态栏搭配使用。页面代码里<StatusBar ...原创 2020-03-27 16:05:12 · 2499 阅读 · 0 评论