Ограничить содержание аккордеона внутри React Native Flatlist - PullRequest
Новая
       6

Ограничить содержание аккордеона внутри React Native Flatlist

0 голосов
/ 01 ноября 2019

Я хочу ограничить начальное количество элементов рендеринга внутри FlatList. Внутри FlatList я использую Аккордеон. Когда я открываю FlatList, он показывает много аккордеонов, хотя у меня есть один аккордеон с двумя заголовками. Я использую реагирующую нативную складную . Это мой аккордеонный контент: 

const SECTIONS = [
{
    title: 'First',
    content: 'First World',
},
{
    title: 'Second',
    content: 'Second World',
},

];

Это мой FlatList 

 return (
        <FlatList
            style={styles.container}
            data={orders}
            keyExtractor={(item, index) => index.toString()}
            renderItem={({item}) =>
                <MyOrdersItem {...item} />
            }
            initialNumToRender={1}
            maxToRenderPerBatch={1}
            onEndReachedThreshold={0.5}

        />
    );

Мой OrdersItem - это то место, где я использую Аккордеон. Это результат, который я получаю: click here

1 Ответ

0 голосов
/ 01 ноября 2019

Ваш реквизит данных FlatList должен быть РАЗДЕЛАМИ, а не заказами. 

return (
    <FlatList
        style={styles.container}
        data={SECTIONS}
        keyExtractor={(item, index) => index.toString()}
        renderItem={({item}) =>
            <MyOrdersItem {...item} />
        }
        initialNumToRender={1}
        maxToRenderPerBatch={1}
        onEndReachedThreshold={0.5}

    />
);
...