Skip to content

White space when using ListItem.Accordion #3518

@GaylordP

Description

@GaylordP

Is there an existing issue for this?

  • I have searched the existing issues

Explain what you did

Hello :)

Thanks you for your library :)

But I have a strange white space when using ListItem.Accordion.

Can you help me ?

Expected behavior

I have a strange white space when using ListItem.Accordion

Describe the bug

I have a strange white space when using ListItem.Accordion :)

Steps To Reproduce

You can run it here : https://snack.expo.dev/fJKA87SF8

    return (
      <View>
        <ListItem.Accordion
          content={
            <>
              <ListItem.Content>
                <ListItem.Title>List Accordion</ListItem.Title>
              </ListItem.Content>
            </>
          }
          isExpanded={accordionIsOpen}
          onPress={() => {
            setAccordionOpen(!accordionIsOpen);
          }}
        >
          <ListItem>
            <ListItem.Content>
              <ListItem.Title>
                Contenu accordion
              </ListItem.Title>
              <ListItem.Title>
                Contenu accordion
              </ListItem.Title>
              <ListItem.Title>
                Contenu accordion
              </ListItem.Title>
              <ListItem.Title>
                Contenu accordion
              </ListItem.Title>
              <ListItem.Title>
                Contenu accordion
              </ListItem.Title>
            </ListItem.Content>
          </ListItem>
        </ListItem.Accordion>

        <ListItem.Accordion
          content={
            <ListItem.Subtitle>
              Toggle
            </ListItem.Subtitle>
          }
          isExpanded={accordionIsOpen}
          onPress={toggleAccordion}
        >
          <ListItem>
            <ListItem.Content>
              <ListItem.Title>
                Contenu accordion
              </ListItem.Title>
              <ListItem.Title>
                Contenu accordion
              </ListItem.Title>
              <ListItem.Title>
                Contenu accordion
              </ListItem.Title>
              <ListItem.Title>
                Contenu accordion
              </ListItem.Title>
              <ListItem.Title>
                Contenu accordion
              </ListItem.Title>
            </ListItem.Content>
          </ListItem>
        </ListItem.Accordion>
        <ListItem>
          <ListItem.Content>
            <ListItem.Title>
              - Après accordion -
            </ListItem.Title>
          </ListItem.Content>
        </ListItem>
      </View>
    );

Screenshots

Ab2o9

Your Environment

`npx @rneui/envinfo` "react-native": "0.68.1", "@rneui/base": "^4.0.0-rc.2", "@rneui/themed": "^4.0.0-rc.2",

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions