首页 > 解决方案 > React Native,无法滚动flatList

问题描述

我创建了一个 flatList 但它没有滚动,我只是在 View 中渲染它,下面是代码。我试图删除 View 并将其渲染到内部 if else 但仍然不滚动 有人可以告诉我为什么它不滚动

else {
      return (
        <View>
          {!this.state.isClicked ? (
            <FlatList
              style={{marginTop: moderateScaleVertical(10)}}
              numColumns={1}
              data={this.state.industry}
              keyExtractor={(industry) => industry.id.toString()}
              renderItem={({item}) => (
                <SurveyCard
                  topText={item.topText}
                  time={item.time}
                  title={item.title}
                  date={item.date}
                  price={item.price}
                  off={item.off}
                  image={item.image}
                  progress={item.progress}
                  onPress={() => this.props.navigation.navigate(item.onPress)}
                />
              )}
            />
          ) : (
            <FlatList
              style={styles.industry}
              data={this.state.industry}
              key={this.state.horizontal ? 'h' : 'v'}
              numColumns={2}
              keyExtractor={(industry) => industry.id.toString()}
              renderItem={({item}) => (
                <SurveyCardRow
                  topText={item.topText}
                  time={item.time}
                  title={item.title}
                  date={item.date}
                  price={item.price}
                  off={item.off}
                  image={item.image}
                  onPress={() => this.props.navigation.navigate(item.onPress)}
                />
              )}
            />
          )}
        </View>
      );
    }

标签: javascriptreactjsreact-native

解决方案


推荐阅读