wangweiruning的博客

import React from 'react'; import {View,Text,TouchableOpacity,FlatList,Modal,StyleSheet} from 'react-native'; import {Checkbox} from '@ant-design/react-native'; import Requestor from "../util/Request...

处理一个问题，将之分化为多个片段去处理，多的不好理解，单个总会理解吧。 多个片段的好处： 逻辑清晰明了， 出现问题，便于排查 代码的易读性 维护性较强 一个方法处理一个问题 不要所有的逻辑都在一个方法里面去处理 代码都在一个方法里面，看得头痛，不容易读懂，不容易把控 如果把控不了几十上百行的代码，那就将之简化为十行以内的东西 这样不容易出现问题，...

底部导航页面之间切换时，如何停止当前页面的一些操作（如何关闭正在播放的视频、音乐等操作）？ didFocus和didBlur解释 didFocus是指当前页面第一次加载的时候会调用一次 didBlur是指当前页面离开的时候会调用一次(前提是当前页面没有被销毁既没有执行componentWillUnmount()函数) 使用方法： 在 componentDidMount(){ ...

import React, {Component} from 'react'; import {View, Dimensions, Image, Text, Slider, TouchableWithoutFeedback, TouchableOpacity, Button, StyleSheet} from 'react-native'; import Video from 'react-nat...

编写一个关于订单进度的小部件 /** * 步骤进度 数据格式 * data=[ * { name:"下单成功", title:"2019-05-20", content:"fsdsdfsdf的赛场上的", isExecuted:true//控制原点和线的颜色 },...

看着那些选择组件，不能满足开发项目的需求，还是自己编写一个 自定义的模态框选择组件 功能说明 同一个组件实现如下功能 0、出现动画效果 1、多选：可以实现多选的功能 2、单选：可以实现单项选择 3、存在默认值情况处理 ** * 模态选择框 * <UISelectModal data={[{id:1,display: '111111',}]} /> * props: * ...

最近需要一个轮播的功能，查看了其他的轮播组件，好像都不满足需求 需要的效果如下 直接上代码了 import React, {Component} from 'react'; import { AppRegistry, StyleSheet, ScrollView, Image, Text, View } from 'react-na...

react-native 中的 react-navigation 身份验证流程 如何实现登录功能 当用户第一次打开 APP 时将会进入到登录页面，在此页面输入正确的用户名和密码并点击登录后，将会进入到主页。此时，除非用户退出登录，否则无法回到登录页面。 用户可以在“我的”页面通过点击“退出登录”按钮注销登录。注销登录后，除非用户再次登录，否则无法再回到主页。 如果用户以前登录过，那么当用...

import React,{Component} from 'react'; import { View, Text, Image, FlatList,TextInput, TouchableOpacity} from 'react-native'; import {observer,inject } from 'mobx-react' import {toJS} from 'mobx' /*...