
React
文章平均质量分 52
贺知叶
人不疯狂枉少年
展开
-
解决国内部分系统自带浏览器视频层级问题
传入你的 url 视频地址并返回 blob:// 直接放到你的video src 即可。原创 2023-11-01 13:50:18 · 569 阅读 · 1 评论 -
针对QQ浏览器video标签不可控实现的React组件
一个简单的视频播放控件,会在QQ浏览器上使用canvas进行视频播放。原创 2023-09-18 16:13:20 · 265 阅读 · 0 评论 -
React 组件渲染时遇到错误如何及时的捕获并立即切换渲染至其他组件
react组件渲染时遇到错误如何及时的捕获并立即切换渲染至其他组件原创 2023-02-13 21:28:16 · 637 阅读 · 0 评论 -
React 自定义轮播图Carousel组件
自定义轮播图Carousel组件原创 2022-04-11 19:56:30 · 3390 阅读 · 3 评论 -
React-Navigation架构嵌套路由:
React-Navigation ^5x架构嵌套路由:react-native使用的版本是^0.64,导航用的5x。目前已经出到了6x,不过也相差不大。目录React-Navigation ^5x架构嵌套路由:前言一、React-Navigation包引用二、import { NavigationContainer } from '@react-navigation/native'1.注册主路由容器 NavigationContainer2.App.js / index.js三、import { c原创 2021-12-21 10:07:39 · 1760 阅读 · 0 评论 -
React-Native新架构:
React-Native新架构:ReactNative宣布在2018年宣布对架构进行重要调整,此时正式Flutter面世。(2018.2.27-世界移动大会发布Fluuter)。而React-Native是在2015发布。以下是重构前的React-Native运行方式:如图所示,RN结构四大核心部分:React代码部分,由代码翻译过来的JavaScript部分,一系列统称为“桥”的部分,以及原生部分。当前架构一个关键点是:两个端——JavaScript端和Native端,是互相都不了解对方的情况原创 2021-12-15 15:43:34 · 1364 阅读 · 0 评论 -
React-Native : ‘^0.64.0’ 项目架构
项目场景:这里介绍一下我自己从0-1的React-Native项目架构,细粒化的程度还行,主要我喜欢深度细粒化的项目,写起来很舒服。package.json:"dependencies": { "@react-native-async-storage/async-storage": "^1.15.5", "@react-native-community/masked-view": "^0.1.10", "@react-navigation/bottom-tabs": "^5.原创 2021-12-15 15:37:47 · 2303 阅读 · 0 评论 -
React中如何在Hooks函数式的写法中强制渲染?
项目场景:基本上我们使用 this.forceUpdate() 方法强制组件在 React 类组件中立即重新渲染问题描述:在Class的写法中可以使用 this.forceUpdate() 来执行强制渲染操作,但我们如何在Hooks里使用呢? 解决方案:这可以使用useState或useReducer,因为在内部useState使用useReducer.// 引用 useReducer import { useReducer } from 'react'// 定义 useReduce原创 2021-11-25 12:17:06 · 4165 阅读 · 0 评论