React -native ScrollView水平滚动冲突

Question

我在选项卡下使用了ScrollView，并且当选项卡将swiper设置为true时，ScrollView会停止水平滚动

反应性：0.58.6 antd-mobile-rn：2.3.3

 <Tabs tabs={tabs} initialPage={0} animated={false} swipeable={this.state.canScroll}>
        <IndexScene active={this.state.active} tryGame={this.state.tryGame} notice={this.state.notice} reward={this.state.reward} navigation={this.props.navigation} isRefreshing={this.state.isRefreshing} reloadData={this.reloadData} changeScroll={this.changeScroll} />
          <TryItem otherWrap={styles.otherwrap} otherItem={styles.otherItem} isGame={true} gameList={this.state.tryGame}/>
                            
                            </Tabs>



//IndexScene.js

 <View style={styles.active}>
   <TextTitle title="活动专场"/>
  <View styles={styles.swiper}>
    <TouchableOpacity>
       <ScrollView horizontal={true} showsHorizontalScrollIndicator={false}>
         {active.map((item, i) => {
            let img = domin+item.image
            return  (
             <TouchableOpacity key={i} onPress={
                  ()=>{ changeScroll(false)} } 
                  onPressOut={
                   ()=>{changeScroll(true)} }>
                <View style={styles.swiperItem}>
                 <Image style={styles.img} source={{uri: img}}/>
                 <Text style={styles.font}>{item.title}</Text>
                </View>
                                            </TouchableOpacity>
                                        )
                                    })}
                                </ScrollView>
                            </TouchableOpacity>
                        </View>
                    </View>

我希望标签和Scrollview可以水平滚动，但是实际是 他们一次只能有一个水平滚动