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 仿真器中，只需传递大小