지난 번에 작업 중에 아래와 같은 레이아웃을 구현해야하는 경우가 있었습니다.
단순히 borderStyle을 dashed로 지정해주면 되는 문제였는데요, 적용이 되지 않았습니다.
문제를 찾아보니 borderRadius 값을 추가해주어야 borderStyle dotted 혹은 dashed가 지정된다고 합니다.
따라서 아래와 같이 구현을 할 수 있습니다.
<View borderStyle="dashed" borderRadius={1} />이 때 borderRadius 값은 꼭 1이 아니고 다른 값이어도 됩니다.
참고
https://stackoverflow.com/questions/48258084/borderstyle-not-working-in-android-react-native/67277224#67277224
borderStyle not working in android - react-native
This still shows solid borderStyle. After going through a lot i saw that in some cases using borderRadius shows the borderStyle. But still borderStyle 'dotted' and 'dashed' has no effects on it. ...
stackoverflow.com
'모바일 앱 > React Native' 카테고리의 다른 글
| [React Native] iOS borderRadius 적용되지 않는 이슈 (0) | 2021.07.05 |
|---|---|
| [React Native] TextInput의 기본 패딩 없애기 (0) | 2021.06.17 |
| [React Native] TextInput returnKeyType이 적용이 되지 않는 경우 (0) | 2021.05.24 |
| [React Native] 안드로이드 gradle clean (0) | 2021.05.24 |
| [React Native] 캐시(Cache) 리셋 (0) | 2021.05.23 |
