随风小薇
听闻远方有你,动身跋涉千里;我吹过你吹过的风,这算不算相拥
展开
-
自定义弹框单选
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...原创 2019-12-10 13:35:54 · 458 阅读 · 1 评论 -
react写代码个人心得
处理一个问题,将之分化为多个片段去处理,多的不好理解,单个总会理解吧。多个片段的好处:逻辑清晰明了,出现问题,便于排查代码的易读性维护性较强一个方法处理一个问题不要所有的逻辑都在一个方法里面去处理代码都在一个方法里面,看得头痛,不容易读懂,不容易把控如果把控不了几十上百行的代码,那就将之简化为十行以内的东西这样不容易出现问题,...原创 2019-12-05 15:22:09 · 318 阅读 · 0 评论 -
react-navigation使用中的总结
底部导航页面之间切换时,如何停止当前页面的一些操作(如何关闭正在播放的视频、音乐等操作)?didFocus和didBlur解释didFocus是指当前页面第一次加载的时候会调用一次didBlur是指当前页面离开的时候会调用一次(前提是当前页面没有被销毁既没有执行componentWillUnmount()函数)使用方法:在 componentDidMount(){ ...原创 2019-05-21 10:39:18 · 1787 阅读 · 0 评论 -
视频播放组件
import React, {Component} from 'react';import {View, Dimensions, Image, Text, Slider, TouchableWithoutFeedback, TouchableOpacity, Button, StyleSheet} from 'react-native';import Video from 'react-nat...转载 2019-05-23 18:05:57 · 1880 阅读 · 0 评论 -
react-native订单进度小部件
编写一个关于订单进度的小部件/** * 步骤进度数据格式 * data=[ * { name:"下单成功", title:"2019-05-20", content:"fsdsdfsdf的赛场上的", isExecuted:true//控制原点和线的颜色 },...转载 2019-05-31 17:51:13 · 702 阅读 · 0 评论 -
react-native多功能模态弹框选择
看着那些选择组件,不能满足开发项目的需求,还是自己编写一个自定义的模态框选择组件功能说明同一个组件实现如下功能0、出现动画效果1、多选:可以实现多选的功能2、单选:可以实现单项选择3、存在默认值情况处理** * 模态选择框 * <UISelectModal data={[{id:1,display: '111111',}]} /> * props: * ...转载 2019-06-04 13:59:16 · 2187 阅读 · 0 评论 -
react-native 自定义轮播组件
最近需要一个轮播的功能,查看了其他的轮播组件,好像都不满足需求需要的效果如下直接上代码了import React, {Component} from 'react';import { AppRegistry, StyleSheet, ScrollView, Image, Text, View} from 'react-na...原创 2019-06-26 12:44:00 · 1146 阅读 · 0 评论 -
react-native 中的 react-navigation 身份验证流程
react-native 中的 react-navigation 身份验证流程如何实现登录功能当用户第一次打开 APP 时将会进入到登录页面,在此页面输入正确的用户名和密码并点击登录后,将会进入到主页。此时,除非用户退出登录,否则无法回到登录页面。用户可以在“我的”页面通过点击“退出登录”按钮注销登录。注销登录后,除非用户再次登录,否则无法再回到主页。如果用户以前登录过,那么当用...原创 2019-08-28 12:31:58 · 694 阅读 · 0 评论 -
react-native mobx实现购物车demo
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'/*...原创 2019-09-25 18:04:05 · 576 阅读 · 0 评论