react-native
文章平均质量分 77
Lee 酱
每天进步一点点
展开
-
苹果开发者账号申请
苹果开发者账号申请1、打开地址https://developer.apple.com,点击右上角的Account(账户)。2、如果之前已经申请了Apple ID账号,可以直接登录;如果是首次使用,点击“Create Apple ID”注册Apple ID账号。3、注册Apple ID账号,按要求填写要申请的具体信息,之后点击“Continue”4、成功提交后,注册...原创 2018-09-27 10:08:42 · 1056 阅读 · 0 评论 -
react-native 离线打包
react-native bundle --entry-file index.ios.js --bundle-output./index.ios.jsbundle --platform ios --assets-dest ./ios --dev false重点关注几个选项:--entry-file:这个是你要打包的跟文件,通常是index.ios.js,注意路径不要错了,--bundle-...原创 2018-10-30 17:49:50 · 383 阅读 · 0 评论 -
react native 屏幕自适应 区分iOS和iPhoneX
import { Dimensions, PixelRatio, Platform } from 'react-native';export const deviceWidth = Dimensions.get('window').width;export const deviceHeight = Dimensions.get('window').height;const fon...原创 2018-10-31 10:37:40 · 1625 阅读 · 0 评论 -
react-navigation 返回刷新
在react native写页面的时候,this.props.navigation.goBack(),返回上一个页面的时候,不会刷新页面例如:一个用户页面A,在未登录的情况下,跳到登录页面B,登录之后返回用户页面A,这时候需要刷新用户页面。(如果是A跳到B然后再跳到A,这种是可以刷新页面,但是在此时点击返回键会回到B,再点返回会返回到A,这有可能不是你想要的)用户User页面 ...原创 2018-10-11 17:38:21 · 5527 阅读 · 0 评论 -
react-navigation 使用的整体框架 安卓物理返回键
react navite 目录结构js文件夹root.js //入口 api 文件夹 //存放API img 文件夹 //存放图片 components 文件夹 //存放组件 router 文件夹 //存放导航页面TabNavigator AppNavigatorstore 文件夹 //存放reduxindex.js // reducers文件夹 //存放 ...原创 2018-09-21 14:45:34 · 1688 阅读 · 0 评论 -
React native 安卓 签名打包 apk
安卓打包成apk分为三步:1、签名 2、配置 3、打包1、生成签名文件首先找到安装的jdk文件,在jdk文件的bin下输入生成签名文件的命令行keytool -genkey -v -keystore my-release-key.keystore -alias my-release-key-alias -keyalg RSA -keysize 2048 -validity 1000...原创 2018-09-10 16:23:12 · 571 阅读 · 0 评论 -
react native 修改图标名字的位置以及大小
android1、设置app名称 在项目下的android/app/main/res/values/strings.xml 可以修改app名称2、设置图标 在项目下的android/app/main/res/mipmap-**dpi文件下修改图标 一共四个尺寸分别是 48、72、96、144ios1、设置app名称 在项目下的ios/项目名/info.plist中<k...原创 2018-09-12 18:08:46 · 1023 阅读 · 0 评论 -
react native android 踩的坑
1、报错Cannot add a child that doesn't have a YogaNode to a parent without a measure function!报错原因 1)render方法中注释语句写法不正确 2)在三目运算中,条件不是boolean类型,可以加在条件前 !! 变成boolean类型 未完待续。。。...原创 2018-09-05 16:06:14 · 163 阅读 · 0 评论 -
react native 滑动到页面的指定位置 scrollTo的使用
一、ScrollView滚动视图其中有个方法是ScrollTo 滚动到指定的x, y偏移处。第三个参数为是否启用平滑滚动动画。scrollTo(y: number | { x?: number, y?: number, animated?: boolean }, x: number, animated: boolean) 使用示例:scrollTo({x: 0, y: 0, ani...原创 2018-08-03 11:49:51 · 19451 阅读 · 0 评论 -
react native WebView 高度自适应 RN与网页交互
首先介绍几个属性和方法1、source {uri: string, method: string, headers: object, body: string}, {html: string, baseUrl: string}, number 在WebView中载入一段静态html代码或者url(还可以附带一些header选项)。2、injectedJavaScript 设置在网...原创 2018-06-08 17:47:03 · 4019 阅读 · 0 评论 -
ios打包ipa 构建版本失败 打包上传 报错原因
1、Invalid bundle display name - " app名字" starts with a whitespace character.报错原因:app名字前有空格,去掉就好了2、build 版本号重复3、info.plist缺少一些权限设置直接在Info.plist添加以下内容 <key>NSAppleMusicUsageDescripti...原创 2018-06-21 18:20:02 · 2092 阅读 · 0 评论 -
react-native 第三方插件
1、react-navigation 导航组件 参考链接:https://www.jianshu.com/p/2f575cc35780https://blog.csdn.net/u013718120/article/details/72357698 2、native-base 自定义样式参考链接:http://docs.nativebase.io/Components.html...原创 2018-06-11 14:36:49 · 1940 阅读 · 0 评论