解决react-native-swiper Android 不显示问题

最近在rn项目中做了一个图片轮播的功能,ios展示正常,在Android机型上不显示,解决如下:

import React from 'react';
import { Text, View, Dimensions, Platform, ScrollView, Image } from 'react-native';
import Swiper from 'react-native-swiper';


export class ImgSwiper extends Component {

	constructor(props) {
		super(props);

	}

	renderSwiper = (index, list, screenWidth, height) => { 
		return (
			<View style={{ // 这里的View很重要 
				width: 300,  // 宽高根据需求获取 
				height: 300
			}}>
				<Swiper
					showsButtons={false}
					loop={false}
					index={index}
					removeClippedSubviews={false}
				>
					{
						list.map((imgList, i) => {
							return (
								<View style={styles.slide1} key={i}>
									<Image source={{ uri: imgList }} style={{
										width: 300,
										height: 300,
										resizeMode: "cover"
									}}></Image>
								</View>
								
							})
					}
				</Swiper>
			</View>
	)}
			  
	render() {
        return (
            <View >
                {this.renderSwiper(index, list, screenWidth, height)}
            </View>
        )
    }

}



   
  



	


	

在Swiper 组件外层包一层View 可解决Android显示问题

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值