Flexbox gap not working on <ScrollView>

[lgibso34]

Description

The gap, rowGap, and columnGapstyle properties have no effect on a<ScrollViewwhile it works fine on a`

Version

0.71.1

Output of npx react-native info

n/a

Steps to reproduce

Apply rowGap to a scroll view with multiple children.

Examine no effect.

Snack, code example, screenshot, or link to a repository

https://snack.expo.dev/@theprocessor/48401f

[lovelytingy]

Hi @lgibso34
You are passing rowGap prop to the main container style of ScrollView, that's why it's not working. You need to pass rowGap prop to the contentContainerStyle prop of ScrollView so that style applies on the children you passed to ScrollView.

like this:

contentContainerStyle={{
      rowGap: 16
}}

[lgibso34]

Thank you. Have not heard of that prop.

New to RN.