react-native-swiper 让人无语的坑

最新推荐文章于 2024-04-30 17:31:51 发布

落宇 luoyu

最新推荐文章于 2024-04-30 17:31:51 发布

阅读量7k

点赞数

分类专栏： React Native

本文链接：https://blog.csdn.net/hanjiyu/article/details/78754744

版权

React Native 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

下面这段代码出现问题，百思不得其解，刚开始以为是swiper不支持数组形式，一顿测试

<Swiper style={styles.wrapper} showsButtons>
                {
                    [<View style={styles.slide1}>
                        <Text style={styles.text}>Hello Swiper</Text>
                    </View>,<View style={styles.slide2}>
                        <Text style={styles.text}>Beautiful</Text>
                    </View>].map((value)=> {
                            return value;
                        })
                }
                <View style={styles.slide1}>
                    <Text style={styles.text}>Hello Swiper</Text>
                </View>
            </Swiper>

后来发现是你里面需要数组就不能再定义其他的，去掉改成下面代码则好使

<Swiper style={styles.wrapper} showsButtons>
                {
                    [<View style={styles.slide1}>
                        <Text style={styles.text}>Hello Swiper</Text>
                    </View>,<View style={styles.slide2}>
                        <Text style={styles.text}>Beautiful</Text>
                    </View>].map((value)=> {
                            return value;
                        })
                }
            </Swiper>