
React
zhangchangzhangchang
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
react-native加载localhost服务下的图片资源
当后台服务在本地启动时,图片路径可能为 localhost:3000/xxx.jpg 此时在RN上查看图片是空白,需要做接口转发 执行以下命令 3000为服务器端口号 adb reverse tcp:3000 tcp:3000原创 2021-08-27 10:33:25 · 330 阅读 · 0 评论 -
react-native使用高德地图获取当前地理位置
1.高德地图官网申请一个web平台key,和android平台key 2.安装依赖 yarn add react-native-amap-geolocation npx react-native link react-native-amap-geolocation yarn add @react-native-community/geolocation 3.项目app>src>app>AndroidManifest.xml 加入权限配置 4.封装 import React from原创 2021-08-18 11:06:44 · 995 阅读 · 0 评论 -
react-native安装app时失败
关闭热点原创 2021-08-17 11:23:14 · 303 阅读 · 0 评论 -
ant-mobile分页组件封装
1.封装的分页组件 import React from 'react'; import { ListView, Icon, PullToRefresh } from "antd-mobile"; const PageComponent = (props) => { const { dataSource,//分页对象 list,//数据 hasMore,//是否有更多 refreshing,//是否在刷新中 isLo原创 2021-08-05 15:44:19 · 835 阅读 · 0 评论 -
react-native 去除头部空间透明显示
<StatusBar backgroundColor="transparent" translucent={true} />原创 2021-07-30 13:42:00 · 264 阅读 · 0 评论 -
memo作用
封装组件使用memo 包裹之后不会重复渲染 import React, { memo } from "react"; import PropTypes from "prop-types"; import styles from "./doubleButton.module.less"; const DoubleButton = memo((props) => { console.log(111); //这里只会渲染一次 const { leftText, rightText } = props;原创 2021-07-23 10:59:45 · 178 阅读 · 0 评论 -
react 分页组件react-infinite-scroller的使用
state定义所需初始值 this.state = { hasMore: true, pageNum: 1, pageSize: 10, data: [] }; 加载更多 // 获取下一页信息 不需要在 componentDidMount()获取数据设置hasMore为true时已经开始加载第一页数据了 getMore = ()...原创 2019-11-09 16:11:24 · 11332 阅读 · 0 评论