反应原生中的滚动视图不滚动

Question

大家好，希望你们做得好！ 我想知道为什么 Scrollview 在这里不起作用？ 我从 react-native 导入它，所以它应该可以工作？ 我见过一些解决方案，说你必须向它添加 flex 样式，但我做到了，故事组件从应用程序中消失了！

import { StyleSheet, Image,Text, View, ScrollView } from 'react-native';
import  USERS from '../../data/storiesDummy';

const Stories=()=>{
    return(
        
       <View style={{marginBottom:13 }}>
           <ScrollView horizontal showsHorizontalScrollIndicator={false}  > 
           {USERS.map((story,index)=>(
               <View key={index} style={{alignItems:'center'}}>
                 <Image source={{uri: story.image}}
                 style={styles.stories}/>
                 <Text style={{color:'white'}}>{
                     story.user.length > 10 ? story.user.slice(0,10).toLowerCase()+'...'
                    : story.user.toLowerCase() }    
                </Text>
               </View>
           ))}
           </ScrollView>

         
       </View>
    );
}
const styles =StyleSheet.create({
  stories:{
      width:70,
      height:70,
      borderRadius:50,
      marginLeft:6,
      borderWidth:3,
      borderColor:'#ff8501',
  }
})

export default Stories;```

Answer 1

对于垂直滚动，从 ScrollView 中删除水平和显示水平滚动指示器

链接到现场示例 - https://snack.expo.dev/ngXxvwgx7

现场水平示例 - https://snack.expo.dev/Tc0ScUOR1