Styling a listview in React Native

1
I'm trying to apply styling on a listview in React Native. My goal is to make the listview items take the full width of the screen and space evenly. I accomplished this in the react developer inspector tool by applying {justifyContent:'space-evenly', flex: 1,} on the <AndroidHorizontalScrollView> (blue arrow). Now I want to put the styling in the custom.js file but I dont know how to target it.  In the attached picture, "container" refers to <ScrollVIew> and "listItem" refers to listview items like "listView@item0". Does anyone know how to target <AndroidHorizontalScrollView> (blue arrow) to apply styling on it? Thank you!
asked
3 answers
2

You could use my widget and apply styling to it, or use the source as starting point for your own widget:

https://appstore.home.mendix.com/link/app/114049/ITvisors/Native-responsive-listview

answered
0

I am facing a similar issue. Any luck finding the solution to this?

answered
0

Shana any update regarding the full-width listview?

answered