logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

React-Native setState的若干使用方法速记

写作时间:2020年末吧具体时间记不得了开发平台:windowsReact-Native版本:0.63.4目标平台:Android、iOS变量什么时候使用state来维护1、变量如果是通过props从父组件中获取,就不要使用state2、如果这个变量可以通过其他的状态state或者属性props通过数据处理得到,不要使用state3、如果变量在render中没有使用到,那就不是一个state4、变

#javascript#reactjs
react-navigation(5.x)新版本使用(一)之利用class代替function实现页面跳转

写作时间:2020/4/9React-Native版本:0.62React-Navigation版本:5.X开发平台:Windows目标平台:Android注:在对文章涉及的代码进行测试之前,请先确认你已经成功安装如下内容// react-navigation(5.x)npm install @react-navigation/nativenpm install react-nat...

#react native#android
React-Native使用FlatList组件实现上拉加载功能

写作时间:2020/4/17React-Native版本:0.62本案例实现了FlatList组件的上拉加载功能,数据源于知乎,URI有失效可能,但整个代码结构可以参考import React, {Component} from 'react';import {ActivityIndicator, StyleSheet, FlatList, View, Text, Alert} from ...

#react native
Android原生跳转至React-Native的实现方案

写作时间:2020/4/27晚React-Native版本:0.62开发平台:windows目标平台:android本案例在初始化的RN项目上进行修改,将初始界面改为原生界面,如下图所示上图提供了一个按钮,点击即可进入RN界面,如下图所示该项目的具体实现过程和源码如下:1 初始化RN工程:react-native init Init这里我的项目名称为Init2 修改App.j...

#react native
利用React-Native实现的排序小工具

写作时间:2020/4/27React-Native版本:0.62.2界面是下面这样的,实现的功能就是当你输入一系列数字(用空格隔开)的时候,会自动对你所输入的内容进行排序,并进行显示。具体的实现的代码如下,如果你想运行代码查看效果,只需新建一个RN工程,并将下面的代码替换原App.js中的代码即可。// App.jsimport React, {Component} from 're...

#react native
React-Native中fetch本地json文件

写作时间:2020/4/26React-Native版本:0.62开发平台:windows目标平台:android如果你想了解如何利用fetch获取网络数据,可以查看这篇文章React-Native使用FlatList组件实现上拉加载功能在开发项目的过程中,很多时候需要我们自行模拟后台数据。本文通过一个具体的RN项目来展示如何fetch本地的json文件,尽可能地模拟获取真实网络数据。...

#react native
react-navigation(5.x)新版本使用(三)之参数传递

写作时间:2020/4/11React-Native版本:0.62React-Navigation版本:5.X开发平台:Windows目标平台:Android参数传递其实没啥需要多讲的,就是固定的格式。本文介绍两种情况下的参数传递1 在同一个Stack内两个组件的参数传递2 点击不同的Tab将数据传递给对应的首页情况1组件间的跳转通过navigate函数实现,该函数除了可以实现跳...

#react native
到底了