效果： 自动循环播放图片，下方有按钮可以切换到对应图片。 添加一个动画来实现图片切换。 鼠标停在图片上时，轮播停止，出现左右两个箭头，点击可以切换图片。 鼠标移开图片区域时，从当前位置继续轮播。 提供一个接口，可以设置轮播方向，是否循环，间隔时间。 点击查看demo ...

一、简介 在市面主流的app中，轮播功能是一个非常常见的模块功能，通常作为banner展示所用。实现轮播组件的技术无非两种，一种是使用原生组件进行自定义，另一种就是使用第三方轮子了。有些时候，因为项目紧张，没有时间去自定义，那么就习惯使用性能完善的开源组件了。在RN项目中，github上也提供 ...

在开发Android的时候，一般我们会有一些加载网页的需求，或者执行一些JavaScript，我们都知道在Android中实现这个功能的控件是WebView,在ReactNative中也有实现此类需求额的组件，它的名字也是WebView。那么今天的这篇文章就来详细说说在ReactNative ...

一、简介 在前面介绍了很多ReactNative中UI组件和API组件，这些都是Facebook团队封装好的基础组件，开发者可以直接使用。然而，在实际的开发过程中，面对复杂的需求，此时原生的Native组件可能就无法满足要求了。当然，这种情况Facebook团队是当然考虑过了，所以在 ...

在我们实际项目中，轮播图（走马灯）是一个使用很频繁的功能组件。今天就自己动手实现一个简单的轮播图组件，在实际动手中加深对基础知识的理解，在项目中更加熟练的去应用。 首先整理下实现此组件的基本功能以及思路：1.把几张图片放置在一个容器中，每次只显示一张2.根据图片在容器中的偏移来控制当前显示哪张 ...

从前只做过PC端轮播组件，实现方式也是margin负值和setTimeout。前一阵看到一个比较精简的移动端轮播组件的实现https://github.com/ximan/swipeSlide/blob/gh-pages/js/swipeSlide.js，用translate代替 ...

（1）先放出示例代码，即： （2）一开始引入图片的时候，图片会非常大，但给>标签中增加增加1个样式，其中将width设置成100%即可实现正常显示。 （3）但采用iview组件无法实现通过手指拨动图片的效果，而且左右显示的位置不是中间位置； （4）也试了一下 ...

...