Question

scrollView 在 react-native 中不起作用。它开始自动工作一次，但在我遇到同样的问题之前，然后在 vertical 期间内容发生一些变化后它再次停止工作。但是当我设置 Horozontal={true} 时，它没有工作一次。如果 text 中只有 scrollView，它会工作，但如果我添加 view，它会停止工作。是否有任何永久解决方案或替代方案？

     <ScrollView contentContainerStyle={styles.ScrollView}>
      <View style={styles.card}>
         <Text>asdas asdhs</Text>
        </View>
        <View style={styles.card}>
          <Text>asdas asdhs</Text>
        </View>
        <View style={styles.card}>
          <Text>asdas asdhs</Text>
        </View>
        <View style={styles.card}>
          <Text>asdas asdhs</Text>
        </View>
      </ScrollView>
      {/* </View> */}
    </>
  );
};

const styles = StyleSheet.create({
  card: {
    // flex: 1,
    width: 150,
    height: 200,
    marginHorizontal: 16,
    marginVertical: '10%',
    backgroundColor: 'grey',
    borderRadius: 25,
    opacity: 0.9,
    top: -15,
  },
  ScrollView: {
    // justifyContent: 'space-between',
    alignContent: 'space-between',
    alignItems: 'center',
    backgroundColor: 'pink',
    flex: 1,
  },
});

Answer 1

ScrollView 是一个不继承 flex 使用的组件。从 ScrollView 样式中删除 flex: 1 ，它会起作用。

ScrollView 不适用于本机反应

1 个答案: