react-basic-scroll:ReactBasic的包装器组件资源-CSDN文库

共18个文件

js：7个

jsx：3个

json：2个

JavaScript

需积分: 5 63 浏览量 2021-05-08 04:50:56 上传评论收藏 138KB ZIP 举报

资源推荐

资源详情

资源评论

react-scroll-trigger::scroll:React组件，它监视滚动事件以在其进入，退出和通过视口前进时触发回调。如果您要根据这些值来操作内容，则所有回调都包括滚动的进度和速度

npm install react-scroll-trigger 通过 yarn add react-scroll-trigger 如何使用 import ScrollTrigger from 'react-scroll-trigger' ; ... onEnterViewport ( ) { this . setState ( { visible : true , } ) ...

react-anchor-link-smooth-scroll:使用平滑滚动polyfillReact锚链的组件

安装依赖项： npm install react-anchor-link-smooth-scroll 添加脚本 import React from 'react' import ReactDOM from 'react-dom' import AnchorLink from 'react-anchor-link-smooth-scroll' const Smooth...

react-scroll-progress-bar:React的滚动进度条组件

React滚动进度栏固定滚动进度条的React Component。进度条可以使用默认的颜色和高度，也可以由任何用户提供的高度和颜色进行自定义。安装 npm install react-scroll-progress-bar 用法默认进度栏： import React from "react" ; import ProgressBar from "react-scroll-progres

react-native-simple-markdown：:scroll:React Native Markdown组件（iOS和Android）

React本机简单降价一个使用本机组件在React Native中渲染Markdown的组件，可与iOS和Android一起使用。拉请求是欢迎的！ :grinning_face_with_big_eyes: :party_popper: 入门 yarn add react-native-simple-markdown 未来目前（完全）对该库进行了完全重写。如果您长期或长期使用此li

react-intersection-observing-infinity-scroll:支持无限滚动的React组件

React相交观察无限滚动 :check_mark: :check_mark: 9+ :check_mark: :check_mark: :check_mark: React组件支持极小的无限滚动（<3kb>元素支持SSR构建和后备渲染。该库不使用任何eventListener进行滚动事件。它使用[Intersection Obeserver API]（）而不是eventL

react-website-smooth-scroll:使用样式化的组件构建React网站

Create React App入门该项目是通过引导的。可用脚本在项目目录中，可以运行： yarn start 在开发模式下运行应用程序。打开在浏览器中查看它。如果您进行编辑，则页面将重新加载。您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行器。有关更多信息，请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。

react-simple-infinite-scroll:残酷简单的React Infinite滚动组件

React简单的无限滚动一个残酷简单的无限滚动帮助器组件。安装 npm install react-simple-infinite-scroll --save 用法此组件使用“前哨” div （带有React引用），该div调用getBoundingClientRect()来测量其位置并在再次可见时触发回调。注意：此程序包最终会在非常非常大的列表上变得效率低下，因为它会不断向DOM添加节点

react-native-bidirectional-infinite-scroll：:scroll:React Native-双向无限平滑滚动

:scroll: React本机双向无限滚动使用React Native实现双向无限平滑滚动 [内置 :heart_suit: 在] ...yarn add react-native-bidirectional-infinite-scroll @stream-io/flat-list-mvcp :crystal_ball:

react-smooth-scroll-hook:一个在React组件中使用平滑滚动的React Hook

它提供了useSmoothScroll钩子来完成react组件中的平滑滚动行为，并提供了useScrollWatch来返回滚动容器中的某些信息。...import useSmoothScroll from 'react-smooth-scroll-hook' ; export const Demo

react-native-camera-roll-picker：:camera:一个React Native组件，可从相机胶卷中选择图像

React本机相机胶辊适用于React本机的CameraRoll Picker组件需要react-native >=0.43.0添加到项目通过npm安装组件$ npm install react-native-camera-roll-picker --save从@ react-native-community安装CameraRoll $...

react-native-calendarview-datepicker::herb: React-native-calendar-date-picker 组件

React-native-calendarview-datepicker :package: 安装 npm i react-native-calendarview-datepicker 或者 yarn add react-native-calendarview-datepicker :television: 预习 :rocket: 基本用法默认您可以...

react-use-scroll-sync:自定义react挂钩，可跨多个可滚动元素同步滚动位置

演示版安装用纱安装： yarn add react-use-scroll-sync或使用npm： npm i react-use-scroll-sync --save如何使用 import * as React from "react"import { useScrollSync } from "react-use-scroll-sync"const App =...

react-native-infinite-scroll-grid:适用于React Native的Infine滚动网格组件

React本机无限滚动网格特征拉刷新滚动以加载更多多栏易于设置网格的内部/外部边距避免FlatList的布局错误，该错误将最后一行项目的宽度设置为错误（请参考） 2列 3列用法类似于FlatList。例子 < Grid xss=removed xss=removed xss=removed xss=removed> item . id . toString ( ) } r

react-indiana-drag-scroll：React组件，通过按住鼠标按钮或触摸来实现滚动

React印第安纳拖动滚动实现拖动滚动 / 欢迎旅途！自己尝试！转到。安装 npm install --save react-indiana-drag-scroll yarn add react-indiana-drag-scroll 用法 import React , { Component } from ' react ' import ScrollContainer from '

purescript-gomtang-basic:ECharts的另一个包装，使用Union来记录允许字段的子集的记录。基于React-Basic中的想法

PureScript-Gomtang-Basic 另一个包装，使用Union来记录允许字段的子集的记录。基于中的思想。以韩国汤和基于联盟的方法“ -basic”命名。可以通过来实现ECharts的更高级用法。例子 main = do main_ <- getElementById ( ElementId " main " ) <<< htmlD

react-website-smooth-scroll:使用样式化组件和平滑滚动来React网站

React网站流畅滚动 Create React App入门该项目是通过引导的。可用脚本在项目目录中，可以运行： yarn start 在开发模式下运行应用程序。打开在浏览器中查看它。如果您进行编辑，则页面将重新加载。您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行器。有关更多信息，请参见关于的部分。 yarn build 构建生产到应用

react-scroll-snap-slider:具有滚动捕捉和交叉观察器的React Slider Carousel组件

React滚动快照滑块具有滚动捕捉和交叉观察器的React滑块/轮播组件。安装 yarn add @lifarl/react-scroll-snap-slider 注意：这是一个React组件，它使用样式化的组件作为对等依赖项。如果没有，可以yarn add styled-components 。用法 import { Slider } from '@lifarl/react-scroll

react-animation-on-scroll:一个React库，用于对滚动中的元素进行动画处理。它与animate.css集成。支持打字稿和服务器端渲染

安装： npm install react-animation-on-scroll --save或者yarn add react-animation-on-scroll请确保在项目中以某种方式包含animate.css（版本4及更高版本）。这可以通过多种方式完成，例如： npm install --save ...

react-virtualized-scroll:虚拟滚动搭配上拉应变加载的scroll组件

cnpm我react-virtualized react-virtualized-scroll-保存从'react-virtualized-scroll'导入ReactVirtualizedScroll 使用 <ReactVirtualizedScroll onPullDown={handlePullDown} onPullUp={handlePullUp}

react-scroll-up-button：用于固定滚动到顶部按钮的React Component

React向上滚动按钮React Component固定滚动到顶部按钮。...演示版安装npm install react-scroll-up-button用法默认按钮： import React from " react " ;import ScrollUpButton from " react-scroll-up-button " ; // A

react-native-blur：React Native Blur组件

@react-native-community/blur 一种UIVisualEffectView的iOS上的模糊和活力的效果，和组件在Android上。内容安装使用Yarn安装库： yarn add @react-native-community/blur 或npm： npm install --save @react-...

react-dynamic-virtual-scroll:虚拟滚动实现动态行高

import VirtualScroll from "react-dynamic-virtual-scroll" ; 在渲染方法中添加组件，如下所示： < VirtualScroll xss=removed xss=removed xss=removed xss=removed xss=removed> { return ( < div ...

收起资源包目录

react-basic-scroll-master.zip （18个子文件）

react-basic-scroll-master

.eslintrc.js 867B

webpack.config.js 1022B

src

ReactBasicScroll.jsx 2KB

index.js 55B

.babelrc 538B

playground

index.html 765B

webpack.config.js 1KB

publish.js 296B

App.jsx 8KB

index.js 197B

.npmignore 52B

.travis.yml 376B

test

jestsetup.js 319B

ReactBasicScroll.spec.jsx 2KB

README.md 954B

.gitignore 55B

package-lock.json 576KB

package.json 2KB

评论收藏

内容反馈

Rainy.凌霄

粉丝: 23
资源: 4601

react-basic-scroll:React Basic的包装器组件

最新资源

react-basic-scroll:React Basic的包装器组件

react-scroll：React滚动组件

react-basic:练习React Basic

react-native-nested-scroll-view,Android NestedScrollView的React本机包装.zip

react-basic-admin:基于React-Basic-AntD构建一个基础的后台系统

react-animate-on-scroll:当用户滚动时，React组件提供动画

目前超流行的跨平台移动应用开发框架-React-Native项目实战 从React到React-Native

react-infinite-scroll-component：react中一个很棒的Infinite Scroll组件

react-scroll-motion::film_frames:易于制作滚动动画

react-scroll-trigger::scroll:React组件，它监视滚动事件以在其进入，退出和通过视口前进时触发回调。 如果您要根据这些值来操作内容，则所有回调都包括滚动的进度和速度