react-native 自定义轮播组件

不念不忘少年蓝@ 2021-09-20 12:06 417阅读 0赞

最近需要一个轮播的功能，查看了其他的轮播组件，好像都不满足需求

需要的效果如下

20190626120647609.gif

直接上代码了

  1. import React, {Component} from 'react';
  2. import {
  3.     AppRegistry,
  4.     StyleSheet,
  5.     ScrollView,
  6.     Image,
  7.     Text,
  8.     View
  9. } from 'react-native';
  10. //Dimensions进行获取屏幕宽度和高度信息
  11. let Dimensions = require('Dimensions');
  12. let ScreenWidth = Dimensions.get('window').width;
  13. let ScreenHeight = Dimensions.get('window').height;
  16. export default class BasePicPlay extends Component {
  18.     constructor(props) {
  19.         super(props);
  20.         this.state = {
  21.             currentPage: 1,
  22.         };
  23.     }
  25.     static defaultProps = {
  26.         duration: 5000,
  27.         ImageData:[
  28.                 //  {icon:'http://47.107.43.175:3005/files/1557198773629.jpg'},
  29.                 // {icon:'http://47.107.43.175:3005

发表评论

表情：
评论列表 （有 0 条评论，417人围观）

还没有评论，来说两句吧...

相关阅读

    相关 vue写轮播组件

    写轮播组件的思路： 1、确定传入的参数：轮播图的数据（图片地址，跳转href，图片ID，标题等基础数据）、轮询时间 2、写好轮播图的基本样式，父组件传入参数，动态加载进

    淩亂°似流年淩亂°似流年/ 0 赞/ 76 阅读

    相关 自定义Android图片轮播控件

    说到轮播图，想必大家都不陌生。常见的APP都会有一个图片轮播的区域。之前使用过轮播图，最近项目又一次用到了，就把原来的代码照搬过来，结果由于数据结构的差异和照搬使有些代码的疏忽

    叁歲伎倆叁歲伎倆/ 0 赞/ 243 阅读

    相关 Vue——图片轮播组件

    Notices: 这是我一个项目中的一个子组件，要展示的数据、图片地址等的都在父组件data中。所以后面的讲述都是基于从父组件获取的参数进行处理。（如需将这个SlideShow

    灰太狼灰太狼/ 0 赞/ 993 阅读