Welcome, Guest: Join Nairaland / LOGIN! / Trending / Recent / New
Stats: 2,797,223 members, 6,683,137 topics. Date: Thursday, 20 January 2022 at 03:04 AM

Example To Set Border Radius Of An Image In React Native - Politics - Nairaland

Nairaland Forum / Nairaland / General / Politics / Example To Set Border Radius Of An Image In React Native (178 Views)

State Governors Should Pay More Attention To The Environment: The Enugu Example / SERAP To Buhari: Copy ‘Namibia Example’, Ban Car Perks For Presidency, Ministers / James Ibori Used As Example At An Anti-bribery Course Overseas (2) (3) (4)

(1) (Reply)

Example To Set Border Radius Of An Image In React Native by skptricks: 12:34pm On Mar 10, 2019
Example to Set Border Radius of an Image in React Native

In this tutorial, we are going to explain how to set border radius on an images in react native application. if you remember a month back we have shared demo on React Native to display or show Border Around Images, similarly here we are going to implement for setting border radius of an images. Lets get started.

Set Border In React Native component :
Using below CSS properties you can set border width and color in react native component.
borderWidth : This will set border width.
borderColor : This will set border color.

Set Border Radius In React Native component :
Using below CSS properties you can set border radius around image in react native application.
borderColor: '#F44336', // Set border Hex Color code here.
borderRadius: 10 // Set border Radius.
[img]https://2.bp..com/-JEmjc84ca-I/XITilms6kRI/AAAAAAAACgY/QuuBVlgm3YIODdMBvmAV6uXrAmgibAxowCLcBGAs/s640/border.png[/img]

(1) (Reply)

Abducted Inec’s Ad Hoc Staff Released / Election Success Boosts Nigeria's Economic Outlook- Bmo / Aisha Buhari Visits Lagos Building Collapse Survivors

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2022 Oluwaseun Osewa. All rights reserved. See How To Advertise. 28
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.