logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

react-native实践日记--4.react-native Android回退键,再按一次退出应用

首先引入相关api,BackHandler 用于监听安卓设备上的后退按钮事件,设置firstTime默认为0,点击回退按钮,判断当前页面是否为最后一级页面,即没有其他历史页面,且当前时间与上一次点击回退的历史时间间隔大于2秒,则退出App。react-native开发Android App,实现回退键返回上一个页面,直至没有历史页面,提示“再按一次退出应用”这里注意,历史页面的记录,通过onSta

文章图片
#android#react native#react.js +2
react-native实践日记--6.ReactNative 项目版本升级,0.61到0.72升级的问题记录(二)

在升级过程中,发现react-native-scrollable-tab-view这个tab插件,这是一个tab导航栏插件,可以实现切换页面、页面滚动、下拉刷新、上拉加载更多等,功能还是很强大的,只是官方的版本已经很久没更新了,无法兼容react-native@0.72,但一时又找不到更好的插件代替,只能先试着改下源码兼容下新版本。还好在github上已经有人提出解决方案了,找出问题代码,改一下就

文章图片
#react native#react.js#javascript +1
react-native实践日记--5.ReactNative 项目版本升级,0.61到0.72升级的问题记录(一)

ReactNative的版本迭代太频繁,官方说的是React Native原则上每月发布一个新版本,且目前基本是向前不兼容的,导致项目升级很困难,各种依赖插件问题多多,下面是记录的升级中遇到的主要几个印象深刻的问题。升级:react-native@0.61.5到react-native@0.72.6、react-navigation4.x到react-navigation6.x、react16到r

文章图片
#react native#react.js#javascript +2
react-native实践日记--1.react-navigation实现底部导航栏,真机调试时点击tab无反应或反应延迟卡顿

最近做了个App项目,基于react-native的,其中要设计一个底部的导航栏,就用到了react-navigation的bottom-tabs。最终发现是因为开启了手机的远程调试,关闭stopDebugging即可,因为这个远程调试可能会影响app的一些反应速度,但没想到会彻底点不动,坑呀!但在用真机调试时,点击tab按钮死活没反应,只偶尔能跳转页面,找了半天资料发现都不行。

文章图片
#react.js#react native#javascript +1
react-native实践日记--2.react-native中引入自定义的iconfont字体图标文件

解压后,将iconfont.ttf文件复制到android/app/src/main/assets/fonts文件夹下,如果不存在的话,则自己新建对应的文件夹,然后将iconfont.css放入项目中:/font/iconfont.css。4.在font目录下新建index.js,引入上一步生成的iconfont.js,创建字体组件,供页面调用。执行 npm run build:iconfont

文章图片
#react native#reactnative
前端小记--2.element-ui中级联选择器cascader如何默认展开下拉框

由于下拉框选择内容是树状结构,这里使用了element-ui中级联组件cascader,设置单选模式即可。但是在官方的文档中没找到默认展开下拉框的api,折腾了一番,只能去看下源码了。这里我们只需用ref获取级联组件的对象,调用其toggleDropDownVisible方法即可默认展示下拉框。最近做项目时,遇到一个需求:在一个排班表中,展示人员的值班情况,点击单元格,弹出下拉框,修改人员排班信息

文章图片
#前端#elementui#ui +1
到底了