React-native-google-places-autocomplete: Can't Remove Border On Component - Tried All Style Objects

Created on 13 May 2018  路  1Comment  路  Source: FaridSafi/react-native-google-places-autocomplete

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!

screenshot_1526186306

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
            },
        }}

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.

>All comments

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.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

sohel-tech picture sohel-tech  路  3Comments

diegothucao picture diegothucao  路  3Comments

tezahzulueta picture tezahzulueta  路  3Comments

mbelgrader picture mbelgrader  路  4Comments

KhalilKhalaf picture KhalilKhalaf  路  4Comments