Question

由于某种原因，我的滚动视图在模拟器中不起作用。资讯卡正在呈现，但没有滚动。当我用<List>包围FeedCard时，它们从垂直中心移到屏幕顶部，因此它正在执行某些操作。只是不允许滚动。

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模拟器中，只需传递大小即可

ScrollView不滚动本机

1 个答案: