React
FE一凡
这个作者很懒,什么都没留下…
展开
-
React-Native之播放器全屏播放
React-Native之播放器全屏播放前言我们要在react-native中实现一个音/视频的播放器,首先就要使用大名鼎鼎的react-native-video库,该库在github上有5.3k的star,很多的播放器都由使用该库封装而成,我们也不例外,使用这个库来封装出我们自己的播放器。效果老规矩先上效果图:Android直屏:iOS刘海屏:分析我们想要的效果是无论是Android还是iOS,无论是普通直屏还是刘海屏等异形屏,都有相同的用户体验。其中最重要的,就是全屏状态下对不同系原创 2020-11-24 21:20:29 · 1749 阅读 · 3 评论 -
在react中,通过点击选中组件的两种情况
想要通过点击组件,来进行组件选中与未选中状态的变换,可以分为两种情况,一种是点击哪一项该项选中,其他项不变,即为唯一选中;另一种是点击一项后,再点击其他项,会选中多项,再次点击已选中项会取消选中状态。下面来分别看一下在react中的两种实现手法,基本思路都是通过state来控制选择项,通过三元运算符来进行组件样式的变换。第一种,唯一选中:先在model文件中写state,state里设...原创 2018-08-06 19:45:40 · 5538 阅读 · 0 评论 -
使用react写一个倒计时的按钮
最近在项目中使用计时器写一个倒计时按钮时,一开始没理清关系,后来终于找到了关键,做一个小demo备忘。先把效果图贴上:想做的效果如上,点击按钮后,按钮设为禁用,开始倒计时10s,倒计时结束即恢复。思路如下:1,将控制按钮状态、按钮文字和计时的秒数放在state中,用以改变状态。2,写一个计时器方法,如setInterval(clock,1000);,将clock方法每隔一秒执行一次,在...原创 2018-12-12 14:27:16 · 9352 阅读 · 4 评论