0

有人使用 react-native-modalize 模块吗?

react-native-modalize模块,当我在 flatListProps 对象上渲染代码时,它显示以下错误!!

这里也是示例https://jeremybarbet.github.io/react-native-modalize/#/EXAMPLES

在此处输入图像描述

import React, { useRef } from 'react';
import { View, Text, TouchableOpacity } from 'react-native';
import { Modalize } from 'react-native-modalize';

export const App = () => {
  const modalizeRef = useRef<Modalize>(null);

  const onOpen = () => {
    modalizeRef.current?.open();
  };
  const arrayData = [ { "heading": "test"}, {"heading": "test2"}... ]
  let data = { "object": [arrayData] }

  const getData = () => ({ data });

  const renderItem = (item) => (
    <View>
      <Text>{item.heading}</Text>
    </View>
  );

  return (
    <>
      <TouchableOpacity onPress={onOpen}>
        <Text>Open the modal</Text>
      </TouchableOpacity>

      <Modalize
        ref={modalizeRef}
        flatListProps={{
          data: getData(),
          renderItem: renderItem,
          keyExtractor: item => item.heading,
          showsVerticalScrollIndicator: false,
        }}
      />
    </>
  );
}
4

1 回答 1

0

dataofflatListProps是一个数组对象。

    let data = { "object": [arrayData] }

    const getData = () => ([ ...data.object ]);
于 2021-01-21T13:15:04.173 回答