I have 2 records. Issue 1: If I set first to be opened by defaul

Hey <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url=

Defaule expandedKey is not working / collapse, expand has issue with record at 0 index? about accordion-collapse-react-native HOT 3 CLOSED

marouanekadiri commented on May 24, 2024

Defaule expandedKey is not working / collapse, expand has issue with record at 0 index?

from accordion-collapse-react-native.

Comments (3)

marouanekadiri commented on May 24, 2024 1

Hey @rikinshah23,

These issues are fixed on version 0.2.11.
Now regarding your example, you can pass expandedKey if you're using a keyExtractor prop or expandedIndex if you want to use index. This will expand the desired element.

from accordion-collapse-react-native.

rikinshah23 commented on May 24, 2024

I have updated the version and all those questions gone.
Thanks for your time on this @marouanekadiri

from accordion-collapse-react-native.

rikinshah23 commented on May 24, 2024

just putting my working code for up and down arrow if someone else needs it.

function _head(item, i) {
    // console.log(i, activeItem)
    return (
      <View
        style={[
          theme.paddingBottom15,
          theme.paddingTop15,
          {
            backgroundColor: (i === activeItem ?
              '#f4f4f4' : '#fff')
          }]}>
        <View
          style={
            [theme.flexDirectionRow,
            theme.justifyContentSpaceBetween,
            theme.alignItemsCenter,
            styles.FAQsubView
            ]}>
          <Text style={[styles.FAQTitle,]}>{item.title}</Text>
          {i === activeItem ?
            <Ionicons
              name="ios-arrow-down"
              size={15}
              color='#333'
            /> :
            <Ionicons
              name="ios-arrow-up"
              size={15}
              color='#333'
            />
          }
        </View>
      </View>
    )
  }

for expandedIndex prop : this shows item at 0 index expanded on load.

   <AccordionList
          expandedIndex={0}
          onToggle={(item, index) => _onClick(item, index)}
          list={filteredFAQSections}
          header={_head}
          body={_body}
        />

from accordion-collapse-react-native.

Recommend Projects