Javascript React Naitve仅显示一个视图

在我的主屏幕上的应用程序中，我正在呈现包含我的项目的列表。现在我想在上面添加一点信息文本。但它只显示我的文本并跳过我的平面列表。有人能帮我解释一下这种行为吗

如果我的文件中有文本组件，它只显示文本。如果我只使用FlatList，它会正确显示我的列表和数据。但如果我尝试将两者结合起来，它只显示一个组件。同样，当我只使用平面列表并将其包装在视图中时，我只会得到一个白色的空白屏幕

const JobsScreen = (props) => {
  const dispatch = useDispatch();

  const [isLoading, setIsLoading] = useState(false);
  const [isRefreshing, setIsRefreshing] = useState(false);

  const allJobs = useSelector((state) => state.job.availableJobs);

  const loadJobs = useCallback(async () => {
    setIsRefreshing(true);

    try {
      await dispatch(jobActions.fetchAllJobs());
    } catch (err) {}

    setIsRefreshing(false);
  }, [dispatch]);

  useEffect(() => {
    setIsLoading(true);
    loadJobs().then(() => {
      setIsLoading(false);
    });
  }, [dispatch, loadJobs]);

  useEffect(() => {
    const willFocusSub = props.navigation.addListener("willFocus", loadJobs);

    return () => {
      willFocusSub.remove();
    };
  }, [dispatch, loadJobs]);

  if (isLoading) {
    return (
      <View
        style={{
          flex: 1,
          justifyContent: "center",
          alignItems: "center",
          backgroundColor: "#2f3640",
        }}
      >
        <ActivityIndicator size="large" color="#fff" animating />
      </View>
    );
  }

  return (
    <View>
      <FlatList
        data={allJobs}
        onRefresh={loadJobs}
        refreshing={isRefreshing}
        keyExtractor={(item) => item.id}
        style={{ flex: 1, backgroundColor: "#1a191e" }}
        renderItem={(itemData) => (
          <JobItem
            description={itemData.item.description}
            titel={itemData.item.titel}
            fname={itemData.item.fname}
            cover={itemData.item.cover}
            genre={itemData.item.genre}
            year={itemData.item.year}
            id={itemData.item.id}

            //           friend={itemData.item.friend}
          />
        )}
      />
    </View>
  );
};

const jobscreen=（道具）=>{
const dispatch=usedpatch（）；
const[isLoading，setIsLoading]=useState（false）；
常量[isRefreshing，setIsRefreshing]=使用状态（false）；
const allJobs=useSelector（（state）=>state.job.availableJobs）；
const loadJobs=useCallback（异步（）=>{
setIsRefreshing（真）；
试一试{
等待分派（jobActions.fetchAllJobs（））；
}捕获（错误）{}
setIsRefreshing（假）；
}，[发送]；
useffect（（）=>{
设置加载（真）；
loadJobs（）。然后（（）=>{
设置加载（假）；
});
}，[dispatch，loadJobs]）；
useffect（（）=>{
const willFocusSub=props.navigation.addListener（“willFocus”，loadJobs）；
return（）=>{
willFocusSub.remove（）；
};
}，[dispatch，loadJobs]）；
如果（孤岛加载）{
返回(
);
}
返回(
项目id}
风格={{flex:1，背景色：{1a191e}
renderItem={（itemData）=>(
)}
/>
);
};
是我自己弄的

 <View style={{ height: "100%" }}>



解决了。试试这个

<View style={{ flex: 1 }}>