react-native-swiper 设置高度height无效

作者: 现实梦想_96b0 | 来源:发表于2018-05-28 16:33 被阅读465次

react native 使用react-native-swiper，swiper设置了高度，总是会占满全屏，通过各种尝试，找到解决办法：
在Swiper外添加View标签，终于正常显示

image.png

上传部分代码：

render(){
        return (
            <View style={{flex: 1, backgroundColor: "#f3f3f3"}}>
                <ScrollView>
                    {/*轮播图*/}
                    <View>
                    {this.bannerImg()}
                    </View>
                    {/*商品分类*/}
                    <View>
                    {this.typeList()}
                    </View>
                    {/*热门推荐*/}
                    <View>
                    <Text style={{fontSize:12,marginLeft:10,marginBottom:5,marginTop:5}}>热门推荐</Text>
                    {/*商品列表*/}
                    {this.goodsList()}
                    </View>
                </ScrollView>
            </View>
        );
    }