Android View loosing styles

[gsdias]

"native-base": "^2.0.8",
"react": "15.4.2",
"react-native": "0.41.2",

When using View from nativa-base and combining the styles borderRadius and borderWidth/borderColor the border color/width is not rendered, android only.

<View style={{ borderRadius: 10, borderWidth: 1, borderColor: 'white' }} />

If I use View from react-native works fine.

[davidbalivo]

Same problem here.

In my case I am using an Input inside an Item and I'm setting a custom style:

errorItemStyle: { flex: 1, margin: 5, borderRadius: 5, backgroundColor: '#ffeeee', height: 40, borderWidth: 1, borderColor: '#ff0a13' }

On iOS is working fine, but on Android the border is not shown.

I have also tried to set borderTopWidth, borderRightWidth ... But still doesn't work.

Any suggestion? Thanks in advance.

[samanthacampisi]

Yes, I'm facing the same problem too. Any workarounds?

[adityasaxena]

@davidbq @samanthacampisi @gsdias Hello! we've played around with NativeBase as well. And, we have suffered the same issues

[breogangf]

@davidbq @samanthacampisi @adityasaxena We are experiencing the same issues here!

[sanketsahu]

@gsdias @davidbq @samanthacampisi @adityasaxena @breogangf We are looking into it. Hope to have a working fix today.

[breogangf]

Thank you @sanketsahusoft, if you need me to test anything or help, just ask ;-)

[sankhadeeproy007]

Can anybody check if it works with 2.0.11? Make sure to uninstall-native base and then install it again.

[davidbalivo]

It is working now with version 2.0.11!!!!! Thanks a lot!!!

[davidbalivo]

Actually, I've spoken too fast. It is working for Android now, but it has a weird behavior on iOS, It only shows the bottom border, this is what I get:

And this is the Android one which is working perfectly:

[sankhadeeproy007]

Can you confirm that this is the case just for input? Is it similar to #582?

[davidbalivo]

I have just tried to set a border to a button and an image and it works fine for both Android and iOS.

Regarding to #582, in my case I am not using <Form>, I have something like this:

<View>
    <Item style={errorItemStyle}>
        <Input style={inputTextStyle}/>
    </Item>
</View>

errorItemStyle: {
    flex: 1,
    margin: 5,
    borderRadius: 5,
    backgroundColor: '#ffeeee',
    height: 40,
    borderWidth: 1,
    borderColor: '#ff0a13'
},
inputTextStyle: {
    paddingLeft: 10,
    paddingBottom: 10,
    paddingRight: 10
}

[sankhadeeproy007]

It's related to Item I guess then

[davidbalivo]

Yes, it seems like. That's why I added my "itemStyle" on my first post, because it is where I set the border.