轮播图

1.安装和导入
安装：

npm i react-native-swiper –save 

导入：

import Swiper from 'react-native-swiper';

2.使用

image.png
image.png
image.png
image.png

3.附上我的代码

import React from 'react';
import {
    AppRegistry,
    Text,
    View,
    TouchableOpacity,
    Image,
    ImageBackground,
    StyleSheet
} from 'react-native';
import Swiper from 'react-native-swiper';
import Data from './Data';
var Dimensions  = require('Dimensions');
var {width} = Dimensions.get('window');
export default class SwiperTest extends React.Component{
    render(){
        return(
            <View style={{height:200}}>
                <Swiper height={200}
                        loop={true}
                        showButtons={true}
                        index={0}
                        autoplay={true}
                        horizontal={true}
                        paginationStyle={{bottom:15,justifyContent:'center'}}
                >
                    {this.renderImg()}
                </Swiper>
            </View>

        );
    }
    renderImg(){
        var imageViews=[];
        var ViewTest =Data;
        for(var i = 0 ; i < ViewTest.length ; i++){
            imageViews.push(
                <View style={{height:10,bottom:0}}>
                <ImageBackground
                    key={i}
                    source={{uri:ViewTest[i].img}}
                    style={styles.ImageBackgroundStyle}
                >
                    <Text style={{fontSize:20,color:'black'}}
                    >{ViewTest[i].name}</Text>
                </ImageBackground>
                </View>
            )
        }
        return imageViews;
    }
}
const styles=StyleSheet.create({
    ImageBackgroundStyle:{
        justifyContent:'flex-end',
        alignItems:'center',
        height:200,
        width:width,
    }

})

Data:

[
  {
    "img":"http://ww1.sinaimg.cn/large/005T39qagy1ftl7mihyhoj31hc0u0grc.jpg",
    "name":"疾风剑豪 亚索",
    "text":"亚索是一个百折不屈的艾欧尼亚人，也是一名身手敏捷的御风剑客。这位生性自负的年轻人，被误认为杀害长老的凶手——由于无法证明自己的清白，他出于自卫而杀死了自己的哥哥。虽然长老死亡的真相已然大白，亚索还是无法原谅自己的所作所为。他在家园的土地上流浪，只有疾风指引着他的剑刃。"
  },
  {
    "img":"http://ww1.sinaimg.cn/large/005T39qagy1ftl7pc1su5j30ga08egmf.jpg",
    "name":"末日使者-费德提克",
    "text":"费德提克是一个骇人的活体稻草人，一个徘徊在黑暗中的憎恶之物，他挥舞着一把镰刀并捕食着粗心的生物们。在群鸦们的凶蛮啄杀的协助下，费德提克会先品味猎物们的恐惧，然后再于飓风般的羽毛与溅血的利喙之中取走猎物们的性命。"
  },
  {
    "img":"http://ww1.sinaimg.cn/large/005T39qagy1ftl7pwn139j31400p0mzp.jpg",
    "name":"机械先驱·维克托",
    "text":"他是崭新科技时代的领路先驱，将自己毕生精力奉献给了人类的进步。他是寻求人性启迪的理想主义者，信奉着唯有光荣进化才能实现人类全部的潜能。在钢铁与科学的加持之下，维克托狂热地追求着自己理想中的光明未来。"
  },
  {
    "img":"http://ww1.sinaimg.cn/large/005T39qagy1ftl7qgedtcj30m80ci75w.jpg",
    "name":"无极剑圣·易",
    "text":"易大师锤炼身体、磨砺心智，直至身心合一。尽管他将暴力作为不得已的选择，但他优雅迅猛的剑法总是让这一手段显得尤为快捷。作为无极之道最后的门徒，易大师致力于这个门派的传承，用七度洞悉目镜搜寻着最有资格的人，寻找潜在的新弟子。"
  },
  {
    "img":"http://ww1.sinaimg.cn/large/005T39qagy1ftl7r3gphwj30rs0gedhp.jpg",
    "name":"齐天大圣 孙悟空",
    "text":"悟空是一个瓦斯塔亚族的机灵鬼，用自己的力量、灵敏和机智迷惑对手并抢得先机。机缘巧合让他结识了一位剑客并与之成为一生的挚友，这位剑客被人称作易大师。后来，悟空就成为了古老武术门派“无极”的最后一位弟子。如今，附魔长棍傍身的悟空，目标是让艾欧尼亚免遭崩溃的命运。"
  },
  {
    "img":"http://ww1.sinaimg.cn/large/005T39qagy1ftl7rpwfibj31hc0u0thc.jpg",
    "name":"德玛西亚皇子·嘉文四世",
    "text":"皇子嘉文四世是皇家的血脉，意味着他便是德玛西亚的下一任国王。他自小被寄予厚望，有朝一日能够成为德玛西亚的楷模，而如此沉重的负担令他的心中充满了挣扎。在战场上，他英勇无畏的气势和一往无前的决心鼓舞着全军上下，显现出身为人主的真实才干。"
  },
  {
    "img":"http://ww1.sinaimg.cn/large/005T39qagy1ftl7s6mlwzj31hc0u0te3.jpg",
    "name":"邪恶小法师·维迦",
    "text":"维迦是热衷于黑暗巫术的大师。几乎没有哪个凡人敢碰的恐怖力量，他却能敞开怀抱。作为拥有自由精神的班德尔城居民，他渴望突破约德尔魔法的边界，于是转而研究那些被隐藏数千年的秘法文字。现在他已经变成了一个偏执的生物，对宇宙的奥秘无限向往。人们总会低估维迦的力量。虽然维迦发自心底地觉得自己是邪恶的，不过他的一些心底的原则也的确会让人质疑他的深层动机。"
  },
  {
    "img":"http://ww1.sinaimg.cn/large/005T39qagy1ftl7sz91fbj30qo0go77d.jpg",
    "name":"纳什男爵",
    "text":"它是一头十分恐怖的怪兽，他以前不叫纳什男爵。它曾经以全身的姿态出现在英雄联盟，他在英雄联盟无恶不作，于是嘉文三世，以及均衡教派的前任守护者，和无极剑圣的师傅也是无极剑道的前任守护者，一起结合将纳什男爵封印在召唤师峡谷的地底，它在召唤师峡谷的地底称王称霸，所以全部野怪都尊称他为纳什男爵，并帮他把捆住头的锁链勉强的破开，让他可以重见天日，于是便有了纳什男爵这个野怪。"
  },
  {
    "img":"http://ww1.sinaimg.cn/large/005T39qagy1ftl7tl047pj31hc0u0tdv.jpg",
    "name":"海洋之灾  普朗克",
    "text":"诡计多端、心狠手辣的普朗克是被废黜的强盗之王，他令人恐惧的名号广达远至。他一度是港口城市比尔吉沃特的统治者。虽然现在他的威权已经不再，但人们相信这只会让他变得更加可怖。普朗克若是知道有人要从他手中抢走比尔吉沃特，必然会大肆血洗这座城市。而如今有了火枪、弯刀，还有一桶桶的火药，他决心要夺回自己失去的东西。"
  },
  {
    "img":"http://ww1.sinaimg.cn/large/005T39qagy1ftl7u80t4dj30m80dwq43.jpg",
    "name":"暗影之拳·阿卡丽",
    "text":"武术奇才阿卡丽是武装教团均衡教派的成员。她继承了母亲的头衔成为暗影之拳，被赋予了神圣的职责，将打破故乡均衡的敌人消灭干净。虽然有些人认为她的手段过于极端，但只要事关艾欧尼亚的和谐，阿卡丽就必定明辨是非。"
  }
]

效果图：

image.png