react-native
RN 开发遇到的各类问题
RN_David
这个作者很懒,什么都没留下…
展开
-
react--native ~网络图片高度自适应
react–native 网络图片高度自适应在做类似商城项目时,商品详情页图片每个大小不一,必须让宽度自适应屏幕在react-native官网提供了一个getSize()方法来获取网络图片大小,详情请见官网这个方法没有返回值,计算的值只能存进state response.body.data.productDescImages.map((item)=>{ Image.getSize(item.url,(width,height)=>{ let DescImage原创 2020-09-08 11:56:38 · 1438 阅读 · 0 评论 -
React-native自定义组件之loading加载(通过API方式调用)
React-native自定义组件之loading加载(通过API方式调用)在请求接口数据中,需要等待时间,为了提高用户体验,加入一个正在加载的类似于模态框的提示如上图所示可以再React Native 项目视图层上面创建一个视图层,来实现一些弹窗、加载组件,可以js调用。先创建上层组件,新建js文件import React, { Component } from "react";import { StyleSheet, AppRegistry, View, Text } from 'reac原创 2020-09-03 17:59:42 · 2181 阅读 · 0 评论 -
react-native 之 react-navigation 导航实现
react-native 之 react-navigation 导航实现在做react-native开发时,不免遇到导航的使用,导航分为头部导航和底部Tab标签导航,以前经常用react-native-router-flux和react-native-tab-navigator,但是最近react-native更新过快,用这第一个组件时报出警告和错误,就研究了一下react-navigation官方推荐的导航。目录react-native 之 react-navigation 导航实现安装使用头原创 2020-08-17 11:58:38 · 677 阅读 · 0 评论 -
react-native沉浸式导航栏
react-native沉浸式导航栏什么是沉浸式导航栏?打开这个链接,或者百度自行百度一下提前说明一下沉浸式导航栏只存在于安卓中,下面说一说设置方式,总共分为两种,一是安卓原生设置,二是react-native设置。安卓原生设置这个请自行百度react-native设置rn提供一个statusbar组件,通过设置背景设置透明就能实现沉浸式导航栏,详细代码如下:<StatusBar translucent={true} backgroundColor="transpare原创 2020-08-17 11:27:21 · 1140 阅读 · 0 评论 -
RN----SectionList实现下拉刷新
RN----SectionList实现下拉刷新首先初始化refreshing为false然后设置SectionLists里refreshing属性,设置onRedreshing属性在state中刷新状态为true,在数据拉取成功后将state中refreshing的值设置为false写的比较潦草:参考链接(大家可以看看这个)不足之处请大神指点!...原创 2020-07-03 17:49:10 · 632 阅读 · 0 评论