Hello - I've tried changing the borderWidth and borderColor on every single style object in the docs, plus 'row' not in the docs, and still can't remove this grey border at the top and bottom of the component. I've also tried setting backgroundColor: "transparent" on all style objects to see if this was causing it. Any ideas? Thanks!

My style object:
styles={{
container: {
borderWidth: 0,
borderRadius: style.borderRadius,
},
textInputContainer: {
borderWidth: 0,
backgroundColor: "transparent",
},
textInput: {
fontSize: 14,
fontFamily: font,
borderWidth: 0,
marginLeft: 0,
},
listView: {
width: '100%'
},
predefinedPlacesDescription: {
fontSize: 14,
fontFamily: boldFont,
fontWeight: "normal",
color: style.dark
},
}}
Checked the source code and found it was being caused by textInputContainer, and explicitly passing in borderTopWidth: 0 and borderBottomWidth: 0 fixed it, though borderWidth: 0 didn't. All good.
Most helpful comment
Checked the source code and found it was being caused by textInputContainer, and explicitly passing in borderTopWidth: 0 and borderBottomWidth: 0 fixed it, though borderWidth: 0 didn't. All good.