时间戳

首页 > 解决方案 > ScrollView 不滚动 react-native

css - ScrollView 不滚动 react-native

问题描述

出于某种原因，我的滚动视图在我的模拟器中不起作用。Feedcards 正在呈现，但它们没有滚动。当我用它们从垂直中心到屏幕顶部环绕 FeedCard 时<List>，它正在做某事。只是不允许滚动。

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;

标签： cssreactjsreact-native

解决方案

这是怎么回事？

ScrollView 仅在渲染元素的数量传递到设备宽度/高度时才有效。如果您使用的是 Ios 模拟器，则应该解锁滚动，但在 Android 模拟器中，只需传递大小

推荐阅读