react-native封装插件swiper的使用方法

首先创建简单的react-native项目,创建一个文件夹。然后用命令符输入

创建完成之后开发项目，我用的vs

打开控制台，安装swiper依赖。

安装：npm i react-native-swiper --save
查看：npm view react-native-swiper
删除：npm rm react-native-swiper --save
这里还需要 npm i 下更新下本地的依赖库

启动app项目

ios: react-native run-ios
android: react-native run-android

开始上码，在src里面创建个components文件夹下边创建个swiper.js文件，以及index.js,加上说明文档

这是index.js文件

公共组件库

这里用于放置与业务无关的公共组件。组件实现必须考虑灵活性，扩展性，不能包含具体的业务逻辑。

组件必须以 你做的业务命名 为前缀，如 TryCarousel.js 。每个组件必须单独放在目录中，目录必须全小写（中横线分割），如 carousel/TryCarousel.js 。

一个基本的组件结构：

组件列表

carousel（轮播组件）

主要用于通用的图片轮播，能够提供点击事件响应。

Usage:

Props:

需要导入的地方

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

Ajax 异步加载解析

Ajax技术组成与核心原理分析

关于Ajax技术中servlet末尾的输出流

以上就是react-native封装插件swiper的使用方法的详细内容，更多请关注Gxl网其它相关文章！