Remove text space inside accordion list react native paper

I'm using the List Accordion component, inside each section has a video and some text, this text will be under this video.

So, I noticed the text component has this space on the left, how can I remove this space? I tried with margin, padding, and nothing work

EXPO SNACK: https://snack.expo.dev/@matthsena/accordion

enter image description here

Upvotes: 0

Views: 1164

Answers (1)

this.arjun
this.arjun

Reputation: 380

  <Accordion
    key={index}
    title={`${index + 1} - ${i.title}`}
    left={(props) => <List.Icon {...props} icon="youtube-tv" />}>
    <>     //<= Wrap up in fragments
    <AV
      source={{
        uri: i.url,
        overrideFileExtensionAndroid: 'mp4',
      }}
      isMuted={false}
      useNativeControls
      resizeMode="stretch"
    />

    <P>{i?.description}</P>
  </>
  </Accordion>`enter code here`

Upvotes: 3

Related Questions