简介
@newtonry/react-native-looped-carousel 是 React Native 中的一个轮播图组件，支持无限循环播放多张图片，拓展性强，使用方便。
安装
首先，需要在 React Native 项目中安装该组件，可以通过以下命令进行安装：
npm install @newtonry/react-native-looped-carousel --save
使用方法
引入组件：
import LoopedCarousel from '@newtonry/react-native-looped-carousel';
在 render 函数中使用组件：
-- -------------------- ---- -------
---------------
---------------
-------
--------------
---------------- --------
--
--------------------
---------------- --------
--
--------
------ -------
------- ----
--
-
------ --------- ---- -------------------------------- -- --
------ --------- ---- -------------------------------- -- --
------ --------- ---- -------------------------------- -- --
-----------------属性
该组件支持以下属性：
autoplay
是否自动播放，默认为 false。
bullets
是否显示圆点指示器，默认为 false。
bulletStyle
圆点指示器的样式。
chosenBulletStyle
当前选中圆点指示器的样式。
onAnimateNextPage
完成翻页动画后的回调函数。
currentPage
当前选中的页数。
style
轮播图容器的样式，可以设置宽度、高度等属性。
isLooped
是否循环播放，默认为 true。
swipe
是否启动手势滑动，默认为 true。
onTouchEnd
手指离开屏幕后的回调函数。
onTouchStart
手指按下屏幕时的回调函数。
示例代码
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ----- ----- - ---- ---------------
------ -------------- ---- -----------------------------------------
----- -------- ------- --------- -
-------- -
------ -
------
---------------
---------------
-------
--------------
---------------- --------
--
--------------------
---------------- --------
--
--------
------ -------
------- ----
--
-
------ --------- ---- -------------------------------- -- --
------ --------- ---- -------------------------------- -- --
------ --------- ---- -------------------------------- -- --
-----------------
-------
--
-
-
------ ------- ---------以上就是 @newtonry/react-native-looped-carousel 的使用教程，希望对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600564ef81e8991b448e1902