weixin_39065287的博客

canvas绘制图片阴影效果引入react-native-canvasimport Canvas, { Image as CanvasImage } from “react-native-canvas”;数据data.js{ buseUrl: imgurl width: 206, height: 72, shadowColor: 'rgba(216, 165, 84, 0.29)', shadowOffsetY: 1

RN获取屏幕高宽、自适应(rem)设置1、引入Dimensions2、通过Dimensions.get(“window”).width/height; 获取屏幕高宽pxToDp自适应js文件：import {Dimensions} from 'react-native';// 获取竖屏模式的宽度const deviceWidthDp = Dimensions.get('window').width;// UI 默认给图是750const uiWidthPx = 750;//传入设计稿宽度

React-Native时间进度条import React, {Component} from "react";import { StyleSheet, View, Text } from "react-native";import DataStore from "../DataStore";let timer // 全局定时器class TimeProgressLine extends React.Component { constructor(props) { sup

react修改数组中某个参数值的方法const currentPageVideoList=[...this.state.currentPageVideoList];this.setState({currentPageVideoList: currentPageVideoList.map((item, key)=> key==index?{...item, coverImg: this.state.defaultImg}:item)})...

React引入less配置一、yarn add less less-loader二、yarn eject打开react项目配置项webpack.config.js三、添加配置项可以仿照css配置添加const lessRegex = /\.less$/;const lessModuleRegex = /\.module\.less$/;四、修改getStyleLoaders函数，添加代码 { loader: require.resolve("less-loader"), o

React16+antd项目的搭建及相关配置