React Native List View内存使用率非常高

时间:2019-05-22 19:45:50

标签: react-native react-native-flatlist

我正在从服务器加载数据点数组。两次更新之间大约1秒钟。

小型数据集仅几行JSON。

当FlatList加载时,看起来它只是保留了所有内存。看着监视器,我看到它每秒增加1-4MB。直到被iOS杀死为止。

<FlatList
          data={dataArray}
          renderItem={({ item, index }) => (
            <CustomView item={item} index={index} />
          )}
          windowSize={1}
        /> 

如果我注释掉FlatList视图,我看到的内存增加最小。 UI的其余部分处理没有问题。 (更改值等)

在此处渲染

 render() {
    const { screenProps } = this.props;
    return (
      <View>
        <View style={style.container} />
        {this.checkData(this.props.screenProps.dataArray)}
      </View>
    );
  }
}
checkData(data) {
    if (data === undefined || data.length == 0) {
      return (
        <View style={{ alignItems: "center" }}>
          <Text>Please start a test</Text>
        </View>
      );
    } else {
      return [
        <View
          style={[
            {
              backgroundColor: "#EDF5FE90"
            },
            GStyle.semiBold
          ]}
        >
          <customFirstView item={first} />
        </View>,
        <FlatList
          data={dataArray}
          renderItem={({ item, index }) => (
            <customView item={item} index={index} />
          )}
          windowSize={1}
        />
      ];
    }
  }

任何帮助都会很棒

0 个答案:

没有答案