react-native: [Android] borderStyle does not work with specific borderWidth (borderBottomWidth, etc).

borderStyle does not work with specific borderWidth.

borderBottomWidth: 1,
borderBottomColor: '#979797',
borderStyle: 'dotted',

shows no dotted border.

About this issue

Original URL
State: closed
Created 8 years ago
Reactions: 1
Comments: 24 (4 by maintainers)

Commits related to this issue

Allow specific border width styling Summary: ahmedre, is this in accordance to what you mentioned in comment https://github.com/facebook/react-native/issues/11042#issuecomment-269892926 ? fixes #110... — committed to facebook/react-native by awitherow 7 years ago
Allow specific border width styling Summary: ahmedre, is this in accordance to what you mentioned in comment https://github.com/facebook/react-native/issues/11042#issuecomment-269892926 ? fixes #110... — committed to edmofro/react-native by awitherow 7 years ago
Allow specific border width styling Summary: ahmedre, is this in accordance to what you mentioned in comment https://github.com/facebook/react-native/issues/11042#issuecomment-269892926 ? fixes #110... — committed to nicktate/react-native by awitherow 7 years ago
Allow specific border width styling Summary: ahmedre, is this in accordance to what you mentioned in comment https://github.com/facebook/react-native/issues/11042#issuecomment-269892926 ? fixes #110... — committed to nicktate/react-native by awitherow 7 years ago
Allow specific border width styling Summary: ahmedre, is this in accordance to what you mentioned in comment https://github.com/facebook/react-native/issues/11042#issuecomment-269892926 ? fixes #110... — committed to nicktate/react-native by awitherow 7 years ago
Allow specific border width styling Summary: ahmedre, is this in accordance to what you mentioned in comment https://github.com/facebook/react-native/issues/11042#issuecomment-269892926 ? fixes #110... — committed to nicktate/react-native by awitherow 7 years ago
Allow specific border width styling Summary: ahmedre, is this in accordance to what you mentioned in comment https://github.com/facebook/react-native/issues/11042#issuecomment-269892926 ? fixes #110... — committed to nicktate/react-native by awitherow 7 years ago
Allow specific border width styling Summary: ahmedre, is this in accordance to what you mentioned in comment https://github.com/facebook/react-native/issues/11042#issuecomment-269892926 ? fixes #110... — committed to nicktate/react-native by awitherow 7 years ago
Allow specific border width styling Summary: ahmedre, is this in accordance to what you mentioned in comment https://github.com/facebook/react-native/issues/11042#issuecomment-269892926 ? fixes #110... — committed to nicktate/react-native by awitherow 7 years ago
Allow specific border width styling Summary: ahmedre, is this in accordance to what you mentioned in comment https://github.com/facebook/react-native/issues/11042#issuecomment-269892926 ? fixes #110... — committed to GaborWnuk/react-native by awitherow 7 years ago
Allow specific border width styling Summary: ahmedre, is this in accordance to what you mentioned in comment https://github.com/facebook/react-native/issues/11042#issuecomment-269892926 ? fixes #110... — committed to fullcontact/react-native by awitherow 7 years ago
Allows to set individual (left,top,right,bottom) dotted/dashed borders (#29099) Summary: This issue: fixes https://github.com/facebook/react-native/issues/24224 fixes https://github.com/facebook/rea... — committed to facebook/react-native by fabOnReact 3 years ago
Merge 0.66 into master (#951) * Rename immediate to ReactNativeMicrotask in Bridge Summary: Changelog: [Internal] This diff replaced all the internal occurrences of "Immediate" with "ReactNat... — committed to microsoft/react-native-macos by HeyImChris 2 years ago
Upgrade from 0.66.0 to 0.66.4 (#977) * Adding metadata to React Native QPL points Summary: Changelog: [General][Added] - Added data field to markerPoint to allow callers to add additional arbitr... — committed to microsoft/react-native-macos by HeyImChris 2 years ago

Most upvoted comments

+1 why is this closed?

+11

sospedra on Apr 3, 2017

This issue needs to be addressed -__-. Been there for almost one and a half year

sadi304 on Jan 18, 2018

+1 react native 0.55.2

sahandevs on Apr 16, 2018

@gregblass Still opened. I have the same issue when using some style like

{ 
    borderTopColor: '#F00',
    borderTopWidth: 4,
    borderRadius: 5,
}

As long as borderRadius is set, no top border at all

AlanChauchet on Nov 8, 2017

Same problem here, when I’m using borderTopRightRadius and to make a semi circle. When I’m put borderTopWidth, borderRightWidth and borderLeftWidth with value and borderBottomWidth 0, the border disappear. And if I’m just put borderWidth: value and borderBottomWIdth: 0 the border bottom showing again: and if I remove the borderTopRightRadius and borderTopLeftRadius:

adrianlemess on Jun 12, 2017