![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react native
lx_1024
学习新的知识
展开
-
react native 的简单记录
使用react native有一段时间了,来写一点文章记录一下我的学习成果。我的项目是使用 react native 和 redux,fetch。react native是用来构建页面的,redux用来管理数据,fetch用来处理请求。state是全局的,可以通过redux来拿全局的数据,一般数据相关的都是使用state。props是本页面的,可以通过this.props拿到全局的...原创 2018-07-31 15:42:27 · 207 阅读 · 0 评论 -
react-native实现微信小程序分享
这里只说小程序的分享,好友和朋友圈的分享,网上有很多资料,这里就不阐述了。首先,安装三方库# react-native-wechat,具体步骤查看文档。下面具体实现:IOS首先需要下载最新的SDK包,当前库的包比较老。需要去官网地址下载新的SDK,微信是从1.7.7版本以后支持小程序分享的,我是用的1.8.3。下载完SDK后,替换掉node_modules/react-native-...转载 2018-12-20 10:45:58 · 2475 阅读 · 0 评论 -
react-native 不让输入框出现滑动的效果
最近做项目时遇到的输入框会上下滑动,原因不太懂,应该是跟高度有关,处理的方式就是设置lineHeight,设置为和高度一样,例如:<TextInput style={{height: 20,lineHeight: 20, fontSize: 18}} underlineColorAndroid="transparent" maxLength={17} caretHidd...原创 2018-12-20 10:41:51 · 1225 阅读 · 0 评论 -
react native 物理返回键Back踩的坑
react native 物理返回键实现资料网上很多,推荐官网给的,地址: https://reactnavigation.org/docs/en/redux-integration.html现在来说说我的坑,因为这是以前的人员写的,他已经离职了,但是这个坑从我接手开始就一直存在,想着有时间再解决吧,现在快上线了,不能再拖了,看了他写的代码,感觉代码没毛病,但是运行就闪退,果然我还是太年轻了,...原创 2018-08-24 16:30:35 · 2858 阅读 · 1 评论 -
react native Text 只显示几个字,超出显示省略号
这个需求的实现很神奇,Text自己有一个属性 numberOfLines ,可以控制超出几行会显示省略号,但是这个属性不满足项目需求,只能自己造一个,虽然有点low的感觉,但是好歹实现了。<Text> {title ? (title.length > 5 ? title.substr(0, 5) + "..." : title) : ""}</Text>...原创 2018-08-28 14:38:36 · 12735 阅读 · 4 评论 -
react native 打包时报错解决方式 react-native-wx:compileReleaseJavaWithJavac FAILED
错误显示为:C:\projects\projects\vcmapp\node_modules\react-native-wx\android\src\main\java\cn\reactnative\modules\wx\WeChatModule.java:135: 错误: 找不到符号 callback.invoke(null, api.isWXAppSupportAPI(...原创 2018-08-27 18:07:51 · 2604 阅读 · 0 评论 -
react native 中使用flex布局
1、有固定的宽高,则显示固定的宽高,这个宽高不是像素,而是代表独立的像素密度2、flex:让组件根据可用空间动态的收缩和扩展通常情况下我们可以使用flex:1,告诉某个组件来填充剩余的所有的空间,如果是多个组件的话,则是所有的这些组件去平分父容器中的剩余的所有空间。。如果这些并列的子组件的flex值不一样,则谁的值更大,谁占据剩余空间的比例就更大。2、Flexbox一个组件可以使用...转载 2018-08-08 17:34:07 · 1187 阅读 · 0 评论 -
react native 自适应高度
在项目中可能会遇到这样的需求,可以使用onlayout获取高度,然后设置上去。先在需要获取高度的地方绑定一个函数, <View style={styles.OilCon} onLayout={this.changeViewLayout.bind(this)}> <Text>hello, I am Test.</Text></View&g...原创 2018-08-08 16:45:55 · 5199 阅读 · 0 评论 -
react native 返回并刷新页面
这个在项目中比较常见,可以根据不同的需求使用不同的方法实现。1、如果是使用goback返回刷新,也就是返回上一级页面后刷新页面,这时可以使用回调方法。例如:从A跳到B再回到A,A页面定义回调方法,this.props.navigation.navigate("B", { id: this.state.id, refresh: function () { ...原创 2018-08-06 18:49:32 · 14807 阅读 · 3 评论 -
react native 文本只显示两行
只需要添加一个属性,就可以实现只显示两行,多余的部分以省略号显示。<Text numberOfLines={2}>text</Text>相较于其他的css样式来说,简单很多原创 2018-08-06 14:43:47 · 4921 阅读 · 1 评论 -
react native 定时器内代码不起作用
在做项目时一般是开启debugger调试模式,这样方便看代码的运行,但也被这个模式坑了。写在定时器内的代码不执行,这个问题真的很坑,原因可能是react native是多线程的,而浏览器是单线程的,阻塞了。解决办法:若是想开一个线程执行某些操作,可以把时间设为0,这样同样会开一个新线程,若是想定时执行某些操作,那只能在debugger调试时把时间设为0,打正式包时把时间改为正常的。...原创 2018-07-31 15:55:07 · 1013 阅读 · 0 评论