Reactjs FlattList未滚动所有内容

Reactjs FlattList未滚动所有内容,reactjs,react-native,expo,Reactjs,React Native,Expo,我正在学习react native,并决定为我的游戏制作一个列表,为此我使用了一个平面列表(下面的代码),但由于某些原因,平面列表只滚动了一点,我看不到整个内容。我曾尝试在样式中添加“flex:1”(就像互联网上的一些Awnser),但当我这样做时,我的所有内容都变成空白。这里是我可以滚动的最大屏幕截图 我的代码(函数在布局中没有任何更改,我只是从API中选取一些数据,所以我不粘贴在这里): 从“React”导入React; 从“react native”导入{按钮、平面列表、图像、安全区域视

我正在学习react native,并决定为我的游戏制作一个列表,为此我使用了一个平面列表(下面的代码),但由于某些原因,平面列表只滚动了一点,我看不到整个内容。我曾尝试在样式中添加“flex:1”(就像互联网上的一些Awnser),但当我这样做时,我的所有内容都变成空白。这里是我可以滚动的最大屏幕截图

我的代码(函数在布局中没有任何更改,我只是从API中选取一些数据,所以我不粘贴在这里):

从“React”导入React;
从“react native”导入{按钮、平面列表、图像、安全区域视图、状态栏、样式表、文本、文本输入、视图}
导出默认函数App(){
const[id,setId]=React.useState(“”);
const[apps,setApps]=React.useState([]);
返回(
setId(text)}keyboardType={'numeric'}value={id}占位符={“Insira o id do jogo aqui”}/>
addApp()}title=“Adicionar”color=“#841584”accessibilityLabel=“Salvar Id”/>
{item.name}
{item.disc}
{item.dateLaunch}
{item.dateBuy}
{item.price}
}
/>
);
}
试试这个:

<FlatList style={{ flex: 0 }}
          initialNumToRender={apps.length}

使用flex:0时,没有任何变化,仍然无法滚动整个内容。在flex 1中,整个内容变为空白,就像我没有添加任何游戏一样,当我删除flex:1所有内容返回我发现如果我删除输入和按钮,只让屏幕上的列表滚动所有内容,但当我放置输入和按钮时,这不会发生
<FlatList style={{ flex: 0 }}
          initialNumToRender={apps.length}