React Native 为什么我的屏幕在 Iphone 11 上不滚动，但在 Iphone7 上却可以？

Question

<SafeAreaView style={styles.container}>
  <FlatList
    data={postList}
    keyExtractor={(item) => item.id}
    renderItem={({ item }) => (
      <Card
        title={item.title}
        difficulty={item.difficulty}
        image={item.image}
      />
    )}
    ItemSeparatorComponent={<View style={{ height: 16 }} />}
    ListEmptyComponent={<Text>No items found</Text>}
    contentContainerStyle={styles.contentContainerStyle}
  />
</SafeAreaView>


const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#f5f5f5",
    marginTop: StatusBar.currentHeight,
  },
  card: {
    backgroundColor: "#fff",
    borderRadius: 8,
    overflow: "hidden",
    borderWidth: 1,
    marginBottom: 15,
    shadowColor: "#333",
    shadowOpacity: 0.1,
    shadowOffset: { width: 0, height: 2 },
    shadowRadius: 8,
    elevation: 3,
  },
  cardImage: {
    width: "100%",
    height: 200,
  },
  cardContent: {
    padding: 15,
  },
  cardTitle: {
    fontSize: 18,
    fontWeight: "bold",
    marginBottom: 5,
  },
  cardDifficulty: {
    fontSize: 14,
    color: "#777",
  }
});

你好，我上周末刚刚开始使用 React Native，并第一次尝试构建自己的应用程序！

所以我从Rapid Api获取鸡尾酒数据并渲染它们，它们都显示在屏幕上（大约100个不同的对象），但问题是我可以在Iphone 7上向下滚动屏幕，但在Iphone 11上无法做到这一点。 。 这里有什么问题？我找不到与我相关的任何解决方案

Answer 1

我也遇到了滚动问题（在我的测试设备三星 Galaxy A55 和红米 7 中）。我的任务是设置 contentContainerStyle。尽量不要使用 contentContainerStyle。也许它也能解决你的问题。