React-native: View์˜ ์™ผ์ชฝ ํ•˜๋‹จ ๋ฐ ์˜ค๋ฅธ์ชฝ ํ•˜๋‹จ ๋ชจ์„œ๋ฆฌ์— ๋Œ€ํ•ด์„œ๋งŒ set_borderRadius

์— ๋งŒ๋“  2015๋…„ 04์›” 06์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: facebook/react-native

CAShapeLayer+UIBezierPath๋กœ ๋‹ค์Œ ํšจ๊ณผ๋ฅผ ๊ตฌํ˜„ํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.
react borderRadius

๊ทธ๋Ÿฌ๋‚˜ createAndRegisterViewWithReactTag:viewName:props: -> RCT_REMAP_VIEW_PROPERTY(borderRadius, layer.cornerRadius, CGFloat) ๋•Œ view/layer bounds.size ๋Š” 0์ž…๋‹ˆ๋‹ค. ๋งˆ์ง€๋ง‰์œผ๋กœ RCTView์˜ reactBridgeDidFinishTransaction ๋ฅผ ์—ฐ๊ฒฐํ•˜์—ฌ ํ…Œ๋‘๋ฆฌ ๋ฐ˜๊ฒฝ์„ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค...

RCTView์˜ ์™ผ์ชฝ ํ•˜๋‹จ ๋ฐ ์˜ค๋ฅธ์ชฝ ํ•˜๋‹จ ๋ชจ์„œ๋ฆฌ์—๋งŒ borderRadius๋ฅผ ์„ค์ • ํ•˜๋Š” ๋” ์ข‹์€ ๋ฐฉ๋ฒ• ์ด ์žˆ์Šต๋‹ˆ๊นŒ?

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์ด๊ฒƒ์€ ์ด์ œ borderBottomLeftRadius ๋“ฑ์œผ๋กœ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค :smile:

๋ชจ๋“  3 ๋Œ“๊ธ€

๋˜ํ•œ ๋„ค ๋ชจ์„œ๋ฆฌ๊ฐ€ ์•„๋‹Œ ๊ฐœ๋ณ„ ๋ชจ์„œ๋ฆฌ ํ…Œ๋‘๋ฆฌ ๋ฐ˜๊ฒฝ์„ ์ง€์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•๋„ ๊ถ๊ธˆํ•ฉ๋‹ˆ๋‹ค. ๊ฐ์‚ฌ ํ•ด์š”!

์ด๊ฒƒ์€ ์ด์ œ borderBottomLeftRadius ๋“ฑ์œผ๋กœ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค :smile:

์œ„๋Œ€ํ•œ ์ž‘ํ’ˆ!

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰