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
Shana Lai
3 answers
2
You could use my widget and apply styling to it, or use the source as starting point for your own widget: