相关疑难解决方法(0)

ScrollView中的FlatList不会滚动

我有4个FlatLists的maxHeight设置为200ScrollView.

<ScrollView>
  <FlatList/>
  <FlatList/>
  <FlatList/>
  <FlatList/>
</ScrollView>
Run Code Online (Sandbox Code Playgroud)

当我尝试滚动a时FlatList,它不滚动而是ScrollView滚动.我该如何解决这个问题?

完整源代码

import { Component, default as React } from 'react';
import { FlatList, ScrollView, Text } from 'react-native';

export  class LabScreen extends Component<{}> {
  render() {
    return (
      <ScrollView>
        {this.renderFlatList('red')}
        {this.renderFlatList('green')}
        {this.renderFlatList('purple')}
        {this.renderFlatList('pink')}
      </ScrollView>
    );
  }

  getRandomData = () => {
    return new Array(100).fill('').map((item, index) => {
      return { title: 'Title ' + (index + 1) };
    });
  };

  renderFlatList(color: …
Run Code Online (Sandbox Code Playgroud)

react-native

11
推荐指数
6
解决办法
2万
查看次数

标签 统计

react-native ×1