拉动Scrollview以显示View - React Native

import React from 'react';
import { ScrollView, View, Text, StyleSheet } from 'react-native';

const App = () => {
  return (
    <ScrollView style={styles.container}>
      <View style={styles.content}>
        {/* 添加足够的内容 */}
        {Array.from({ length: 50 }).map((_, index) => (
          <Text key={index}>这是第 {index + 1} 行文本</Text>
        ))}
      </View>
    </ScrollView>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  content: {
    padding: 20,
  },
});

export default App;

<View style={styles.hiddenView}>
  这个View应该显示出来
</View>

hiddenView: {
  height: 100, // 确保有高度
  backgroundColor: 'red', // 添加背景色以便于观察
}

import { FlatList } from 'react-native';

const renderItem = ({ item }) => (
  <View style={styles.item}>
    <Text>{item.title}</Text>
  </View>
);

const App = () => {
  const data = Array.from({ length: 100 }, (_, i) => ({ title: `Item ${i}` }));

  return (
    <FlatList
      data={data}
      renderItem={renderItem}
      keyExtractor={(item, index) => index.toString()}
    />
  );
};