![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端
文章平均质量分 68
GarenWang
做自己能力之外的事!
展开
-
小程序写一个自适应内容的步骤条(极简代码)
先上一个效果图,本文主要是提供一个思路,具体的样式还是要根据自己的项目调整思路:核心是需要用到CSS的伪类,before - 画那条线,after - 画小方块。每个item相对定位,用padding-left把左边距空出来,伪类用绝对定位。下面直接上代码了HTML部分<view class="card-list process"> <block wx:for="list" wx:key="id"> <view wx:if="{{index==0}}" cl原创 2021-07-12 17:40:20 · 623 阅读 · 0 评论 -
RN AsyncStorage的使用
做web的时候保存数据常用的是cookie或者localstorage,那在移动端用什么呢?RN提供了AsyncStorage!代码走起:AsyncStorage在RN里自带的,不用npm install,直接引用即可~import { View, Text, StyleSheet, AsyncStorage } from 'react-native';操作就是增删改查,先是增(...原创 2018-09-12 17:07:46 · 1253 阅读 · 0 评论 -
RN 使用react-native-qrcode生成二维码
生成二维码经常需要,分享一个插件react-native-qrcode先npm install下,然后引用即可npm install react-native-qrcode --saveimport QRCode from 'react-native-qrcode';一个demo: import React, { Component } from 'react'imp...原创 2018-09-12 17:15:59 · 3541 阅读 · 0 评论 -
RN 使用Image包裹TouchableNativeFeedback出现的问题
本组件用于封装视图,使其可以正确响应触摸操作(仅限Android平台)。在Android设备上,这个组件利用原生状态来渲染触摸的反馈。目前它只支持一个单独的View实例作为子节点。在底层实现上,实际会创建一个新的RCTView节点替换当前的子View,并附带一些额外的属性官网例子:renderButton: function() { return ( <Toucha...原创 2018-09-12 16:13:26 · 439 阅读 · 0 评论 -
RN 事件穿透pointerEvents
有时需要点击上层组件触发下层组件的操作,就要用到事件穿透,之前写web知道pointer-eventspointer-events是CSS3中又一冉冉的属性,其支持的值牛毛般多,不过大多都与SVG相关,我们可以不用理会。当下,对于偶们来讲,与SVG划开界线值得一提的就是[none|auto]两个属性值了。其中”auto”的感觉与width属性的”auto”类似,一般在一些特殊场合露一手,...原创 2018-09-12 17:37:48 · 6582 阅读 · 0 评论 -
RN Animated实现一个小手loop动画,可用于引导点击
直接上代码:class HandIcon extends Component { constructor(props) { super(props); this.state = { offset: new Animated.Value(0), } } componentDidMount() {...原创 2018-09-12 17:45:07 · 7690 阅读 · 0 评论 -
react antd Tabs组件属性activeKey使用方法
项目使用过程中发现的,网上没有找到相关文章,可能就我(菜鸟)遇到了吧,哈哈~提供了这个属性,但是官网没有给出相关demo,开始是通过ref设置activeKey发现无效,最后找到解决办法,代码如下:<Tabs ref={(e) => { this._Tabs = e }} activeKey={this.state.index} onChange{(key)=>{...原创 2018-10-10 14:47:11 · 22766 阅读 · 8 评论