ScrollView 不滾動 react-native

Question

出於某種原因，我的滾動視圖在我的模擬器中不起作用。 Feedcards 正在呈現，但它們沒有滾動。 當我用<List>包圍 FeedCards 時，它們 go 從垂直中心到屏幕頂部，所以它正在做一些事情。 只是不允許滾動。

import React, { Component } from 'react';
import styled from 'styled-components/native';

import FeedCard from '../components/FeedCards/FeedCard';

const Root = styled.View`
  flex: 1;
  justifyContent: center;
  backgroundColor: #f2f2f2;
  paddingTop: 5;
`;

const List = styled.ScrollView`
  flex: 1;
`;

class HomeScreen extends Component {
  state = { }
  render() {
    return (
    <Root>
        <List>
          <FeedCard />
          <FeedCard />
        </List>
    </Root>
    );
  }
}

export default HomeScreen;

Answer 1

這是怎么回事？

ScrollView 僅在渲染元素的數量傳遞到設備寬度/高度時才有效。 如果您使用的是 Ios 仿真器，則應解鎖滾動，但在 Android 仿真器中，只需傳遞大小