没有合适的资源？快使用搜索试试~ 我知道了~

文库首页开发技术其它react-手把手教你在react中使用Swiper4做轮播图

react-手把手教你在react中使用Swiper4做轮播图

共31个文件

js：11个

css：5个

gif：3个

React开发-其它杂项

需积分: 47 17 下载量 136 浏览量 2019-08-15 00:34:14 上传评论 1 收藏 2.4MB ZIP 举报

温馨提示

手把手教你在 react 中使用 Swiper 4 做轮播图

资源推荐

资源详情

资源评论

react-native-snap-carousel,用于React Native的Swiper/Carousel组件，具有预览、多个布局、视差图像、对大量项目的性能处理和RTL支持。与android和ios兼容。.zip

React Native的Swiper组件具有预览、多布局、视差图像、对大量项的性能处理和RTL支持。与android和ios兼容。

react-native-web-swiper:适用于React-Native和React-Native-Web的Swiper-Slider

在React-Native和React-Native-Web上均可使用。演示版混合小吃： : 安装 $ npm i react-native-web-swiper --save 用法 import React from 'react' ; import { StyleSheet , Text , View } from 'react-native'...

react-quill的使用

react-quill的使用

react-使用reactslick进行封装的轮播图组件

使用react-slick进行封装的轮播图组件

reactNative封装好的滑动轮播图

reactNative封装好的滑动轮播图reactNative封装好的滑动轮播图

swiper横向循环焦点图片

轮播图-实现中间大两边小的轮播图

5星 · 资源好评率100%

类似collectionview的中间大两边小的效果的轮播图

react-swiper:使用ReactJS检测并触发用于滑动的触摸事件，例如onSwipeLeft，onSwipeDown等

轻扫使用ReactJS检测并触发用于滑动的触摸事件，例如onSwipeLeft，onSwipeDown等安装 npm install --save react react-swiper 用法默认示例创建一个示例组件： var React = require ( 'react' ) ; var Swiper = require ( 'react-swiper' ) ; React . in

react-image-carousel:简单的React图像轮播

React图像轮播 React image Carousel是用于构建图像画廊和旋转木马的React组件缩略图导航可配置淡入淡出自动播放可配置循环可配置上一张/下一张图片现场演示现场演示： : 例子需要更多示例吗？查看 import { render } from 'react-dom' ; import React from 'react' ; import Caro

react-carousel:一个旨在尽可能灵活的React轮播组件

React转盘一个旨在尽可能灵活的React轮播组件。安装 npm i -S @moxy/react-carousel 或者 yarn add @moxy/react-carousel 该库是用现代JavaScript编写的，并以CommonJS和ES模块的编译变体形式发布。如果您以较旧的浏览器为目标，请确保相应地进行翻译。动机在分析和测试了许多不同的轮播解决方案以进行React后，

react-dynamic-swiper:围绕iDangerous swiper的React包装器，可自动重新初始化

React动态刷卡器适用于React包装器在配置更改时会自动神奇地重新初始化和更新。安装 $ npm i --save react-dynamic-swiper 用法 // Basic Usage function MySwiper ( ) { return ( < Swiper xss=removed xss=removed xss=removed> < Slide

react-native-video视频播放功能

4.切换视频使用说明：下载代码之后：npm install，然后npm start，然后npm link 安装包（react-native link react-native-orientation，react-native link react-native-video），然后再链接即可查看效果

Android代码-基于react-natice实现的SmartRefreshLayout,可提供类似ios的弹性刷新、加载。

React Native SmartRefreshLayout React-Native-SmartRefreshLayout是基于Android SmartRefreshLayout 开发的插件 ,可提供类似ios的弹性刷新,该插件可完全使用React Native进行自定义 HeaderComponent现在支持任意...

适用于 Android 和 iOS 的 React Native NFC 模块 react-native-nfc

为 React Native 带来 NFC 功能。灵感来自phonegap-nfc和react-native-ble-manager 该库最简单（也是最常见）的用例是读取NFC包含的标签NDEF，可以通过以下代码实现： import React from 'react'; import {View, ...

react-native-viewpager-React Native版本的ViewPager控件，自动播放，无限循环。.zip

项目地址：https://github.com/race604/react-native-viewpager 效果图：使用说明：运行 npm 安装 react-native-viewpager --save代码如下:var ViewPager = require('react-native-viewpager'); ...

react-reactjsonschemaform一个React组件用于从JSONSchema构建Web表单

react-jsonschema-form - 一个React组件用于从JSONSchema构建Web表单

react-monaco-editor摩纳哥的React编辑器-源码,案例可以借鉴

react-monaco-editor摩纳哥的React编辑器-源码,案例可以借鉴

react-native-card-stack-swiper：像React-native-card-stack swiper一样的Tinder

React本机卡堆栈刷卡像React本机卡堆栈刷卡的火种安装 npm install --save react-native-card-stack-swiper 预习 import CardStack , { Card } from 'react-native-card-stack-swiper' ; ...

收起资源包目录

react-手把手教你在react中使用Swiper4做轮播图.zip （31个子文件）

Tips-in-React-master

public

manifest.json 317B

index.html 2KB

favicon.ico 4KB

yarn.lock 247KB

src

pages

DialogDemo.js 417B

utils

tools.js 907B

containers

SwiperContainer.js 1KB

logo.svg 3KB

index.css 63B

images

2.jpg 705KB

1.jpg 831KB

route_config.gif 87KB

dialog_demo.gif 26KB

demo.gif 106KB

3.jpg 720KB

components

Dialog.js 5KB

Swiper.js 1KB

Swiper.css 505B

Gender.js 191B

assets

css

Dialog.css 1KB

common.css 29B

App.js 1KB

routes.js 2KB

registerServiceWorker.js 4KB

App.test.js 248B

App.css 377B

index.js 460B

README.md 9KB

.gitignore 285B

package-lock.json 391KB

package.json 484B

共 31 条

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

普通网友

粉丝: 484
资源:
1万+

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

react-手把手教你在react中使用Swiper4做轮播图

React实现轮播效果

react-Reactcarousel一个react轮播图组件

react-reactimageswiper一个基于react的轮播组件

swiper实现异形轮播效果

React轮播图源码

react中使用swiper的具体方法

react-m-carousel:移动端专用的轮播组件

html5+css如何实现中间大两头小的轮播效果

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

react-native-snap-carousel,用于React Native的Swiper/Carousel组件，具有预览、多个布局、视差图像、对大量项目的性能处理和RTL支持。与android和ios兼容。.zip

react-native-web-swiper:适用于React-Native和React-Native-Web的Swiper-Slider

react-quill的使用

react-使用reactslick进行封装的轮播图组件

reactNative封装好的滑动轮播图

swiper横向循环焦点图片

轮播图-实现中间大两边小的轮播图

react-swiper:使用ReactJS检测并触发用于滑动的触摸事件，例如onSwipeLeft，onSwipeDown等

react-image-carousel:简单的React图像轮播

react-carousel:一个旨在尽可能灵活的React轮播组件

react-dynamic-swiper:围绕iDangerous swiper的React包装器，可自动重新初始化

react-native-video视频播放功能

Android代码-基于react-natice实现的SmartRefreshLayout,可提供类似ios的弹性刷新、加载。

适用于 Android 和 iOS 的 React Native NFC 模块 react-native-nfc

react-native-viewpager-React Native版本的ViewPager控件，自动播放，无限循环。.zip

react-reactjsonschemaform一个React组件用于从JSONSchema构建Web表单

react-monaco-editor摩纳哥的React编辑器-源码,案例可以借鉴

react-native-card-stack-swiper：像React-native-card-stack swiper一样的Tinder

最新资源

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