react native (RN)
关注
分享
扫一扫
傻小胖
一个正在爬的小胖子
展开
-
JS的history和location用法；react路由的history对象的插件history的使用介绍
一、什么是location首先介绍的是location对象，location是BOM对象中最常用的一个对象之一，它提供了与当前窗口中加载的文档的有关的信息，还提供了一些导航的功能。说到这里，其实location是一个非常的特别的对象，因为window.location===document.location.另外location对解析URL非常的有帮助，下面看一下location的属性表。...原创 2018-04-25 23:43:10 · 15695 阅读 · 0 评论 -
RN路由报错_reactNavigation.NavigationActions.reset is not a function
源代码是this.props.navigation.dispatch( NavigationActions.reset({ index: 0, actions: [NavigationActions.navigate({ routeName: "Login" })] })); react navigation的版本&g...原创 2019-01-08 11:03:46 · 1959 阅读 · 0 评论 -
RN 实现阴影，解决Android阴影问题 react-native-shadow
RN提供的阴影仅支持IOS，所以，在开发遇到阴影问题需要借助第三方的插件react-native-shadow使用react-native-shadow和react-native-svg实现：1. npm install react-native-shadow2. npm install react-native-svg@XXX备注：react-native-svg选择什么版本...原创 2018-09-13 16:09:23 · 15345 阅读 · 1 评论 -
react navigation 中使用goBack()跳转到指定页面
一、适用场景：在app端开发的时候，相反回到某一个页面的时候保持跳转页面的所有状态不更新，也就是说不触发新的生命周期、例如：A——>B——>C——>D要想从D页面直接返回到B页面又保持B页面的所有状态，不去触发B页面的生命周期，有人说可以用：this.props.navigation.navigate,是可以实现跳转，但是这样会触发B页面的新的生命周期所有用t...原创 2018-09-05 15:51:39 · 4373 阅读 · 0 评论 -
RN （react native） 删除之前已经打好的包（包括debug包，release包）快捷命令~~~
在android文件夹下执行cd android./gradlew clean执行成功之后会发现E:\project\drp_admin_app\android\app\build\outputs\apk里面没有东西了纯属自己总记不住此命令记录...原创 2018-09-11 14:01:20 · 1280 阅读 · 0 评论 -
adb抓取日志和日志过滤(RN开发编译启动日志log查看方式)
抓取日志之前先清除缓存的log数据：adb logcat -c网上有人介绍可以这样写：adb logcat -c && adb logcat 1、使用V、D、I、W、E、F、S优先级标记进行过滤V —— Verbose 明细（最低优先级） D —— Debug 调试 I —— Info 信息 W —— Warn 警告 E —— Error 错误 F —— ...原创 2018-08-10 14:08:26 · 1298 阅读 · 0 评论 -
Android 8.0 安装后无法启动~~~~
andriod 8.0 启动就奔溃了，无法启动，查看日志后发现Caused by: java.lang.IllegalStateException: Only fullscreen opaque activities can request orientation，（log查看方式：adb logcat -I）也就是说android 8.0 透明的activity 不能继续使用 综合其他大...原创 2018-08-10 11:55:14 · 2185 阅读 · 2 评论 -
react native 打正式包小结
1.在 Windows 上keytool命令放在 JDK 的 bin 目录中（比如C:\Program Files\Java\jdkx.x.x_x\bin）下执行命令：keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 1000...原创 2018-07-27 18:06:21 · 1695 阅读 · 0 评论 -
react native 安卓实现自动下载更新版本
参考：https://github.com/zengDeveloper/ReactNative_AndroidDownload从git上下载原生包，然后进行引用1、创建功能类DownloadApk继承自ReactContextBaseJavaModule，将方法暴露给js调用2、创建类DownloadApkPackage 继承自ReactPackage接口，用于注册Native M...原创 2018-07-30 09:33:30 · 6413 阅读 · 2 评论 -
react native (RN) TouchableOpacity用法总结
本组件用于封装视图，使其可以正确响应触摸操作。当按下的时候，封装的视图的不透明度会降低。这个过程并不会真正改变视图层级，大部分情况下很容易添加到应用中而不会带来一些奇怪的副作用。（译注：此组件与TouchableHighlight的区别在于并没有额外的颜色变化，更适于一般场景）例子：<TouchableOpacity style={styles.touch} onPre...原创 2018-07-20 17:30:22 · 9732 阅读 · 0 评论 -
react native (RN)中Alert使用总结
Alert即提示框，一般提示框又三种状态，确认，取消，稍后。。。RN的Alert也提供了三种直接上代码delCart = (customerId, customerName) => { Alert.alert( '', //提示标题 `确定删除该${customerName}？`, //提示内容 ...原创 2018-07-20 16:28:24 · 7742 阅读 · 1 评论 -
react native(RN) Text用法总结
Text:属性有以下：1. numberOfLines 文本行数限制，添加后超过限制行数文本会在末尾默认以...的形式省略。2. ellipsizeMode 设置文本缩略格式，配合numberOfLines使用，values：tail：在末尾...省略（默认值）clip：在末尾切割，直接切割字符无省略符head：在前面...省略middle：在中间...省略3. o...原创 2018-07-20 10:14:22 · 7203 阅读 · 0 评论 -
react native navigation的使用方法总结（带传参和接收参数）
一 、StackNavigator1.下载运行安装npm install --save react-navigation2.在需要用的页面 导入import {StackNavigator} from 'react-navigation';3.使用import Addfrom './Add';import Delete from './Delete'const ...原创 2018-07-20 10:07:54 · 12940 阅读 · 0 评论 -
RN cannot add a child that doesnot have a YogoNode to a parent without a measure function!
react native 报错：cannot add a child that doesnot have a YogoNode to a parent without a measure function!如图：原因是：1.该错误一般是因为render方法中注释语句写法不正确，render的return函数里面的注释语句应该写在 {} 里面，而不是直接 //，正确写法：{/*注释语...原创 2018-07-17 17:14:20 · 423 阅读 · 0 评论 -
react native 环境搭建
一、安装JDK，配环境变量1.下载JDK，http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html安装完成找到安装的JDK（我的是默认路径）2.配置环境变量第一步：计算机→属性→高级系统设置→高级→环境变量第二步： 系统变量→新建 JAVA_HOME 变...原创 2018-06-30 23:52:41 · 420 阅读 · 0 评论 -
RN报错Error:(29, 13) Failed to resolve: com.android.support:appcompat-v7:26.1.0
解决方法：1.检查自己的android sdk版本是不是过高或者过低，安装一下即可2.从api 26开始，support libraries 需要从google的maven仓库下载，所以需要在project的build.gradle中allprojects 添加如下配置即可maven { url "https://maven.google.com" }两种情况都会出现以上错误，看...原创 2019-01-08 11:17:43 · 1350 阅读 · 0 评论