![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
zhangchangzhangchang
这个作者很懒,什么都没留下…
展开
-
react-native加载localhost服务下的图片资源
当后台服务在本地启动时,图片路径可能为localhost:3000/xxx.jpg此时在RN上查看图片是空白,需要做接口转发执行以下命令3000为服务器端口号adb reverse tcp:3000 tcp:3000原创 2021-08-27 10:33:25 · 270 阅读 · 0 评论 -
react-native使用高德地图获取当前地理位置
1.高德地图官网申请一个web平台key,和android平台key2.安装依赖yarn add react-native-amap-geolocationnpx react-native link react-native-amap-geolocationyarn add @react-native-community/geolocation3.项目app>src>app>AndroidManifest.xml 加入权限配置4.封装import React from原创 2021-08-18 11:06:44 · 859 阅读 · 0 评论 -
react-native安装app时失败
关闭热点原创 2021-08-17 11:23:14 · 221 阅读 · 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 · 563 阅读 · 0 评论 -
react-native 去除头部空间透明显示
<StatusBar backgroundColor="transparent" translucent={true} />原创 2021-07-30 13:42:00 · 198 阅读 · 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 · 142 阅读 · 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 · 11064 阅读 · 0 评论