border style_ ReactNative

border style은 3개만 존재한다

• solid(default)
• dotted
• dashed

사용법

const styles = StyleSheet.creat({
	button: {
        borderWidth: 2,
        borderRadius: 5,
        borderStyle: 'solid'
        // borderStyle: 'dotted'
        // borderStyle: 'dashed'
    }
})

• 상단이나 하단에만 주고 싶은 경우
  *border top only || border bottom only 는 지원하지 않음

    borderTopWidth: 1,
    borderTopColor: '#F3F3F3',
    borderBottomWidth: 1,
    borderBottomColor: '#F3F3F3',

• radius

  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;

• img radius
  imageStyle={{borderRadius: 6}}