Styling a Component in React Native Web

[@Chocoholic1337]

Again, I already said it in the last video, I really appreciate you taking us through your thought process. Don't ever drop that - because that definitely sets you apart from the rest!

[@MattHagner]

To get the view to be circular, you need to give it a fixed height and width that are the same number, and a border radius of half the height. The text won't be centered, so to do that you'll need to set margin auto on the Text inside of the circular view. This was the easiest way I found to achieve that effect

[@bawad]

thanks that sounds like it will work well

[@99MISQ]

you need to set radius half of (width) or (height) and make sure height and width equal , example: width 20, height: 20, radius: 10, thank you your videos help me a lot

[@bawad]

thanks

[@AdemoyeOpeoluwa]

Great job bro.. could you please do an E-commerce app using React native after this series? Please

[@devilmanscott]

Trying to make a quick buck?

[@bawad]

maybe

[@AdemoyeOpeoluwa]

Ben Awad Okay bro 👍

[@fr3fou]

How about using styled components? I heard it works with react native as well

[@bawad]

I was thinking about that and I may add it later, but I'm pretty happy with just using the Stylesheet directly right now

[@_ericsonluciano]

@@bawad make also a course with styled-components :) like theming

[@bawad]

sure

[@fr3fou]

The way I do circles with border radius is by setting it to 50%

[@MattHagner]

With StyleSheet from react native, borderRadius has to be a number, not a string so using '50%' won't work. The way to achieve the equivalent is by giving a fixed height and width, and setting border radius to half of that.

[@enes_town]

hey ben.. which keyboard do you use?

[@bawad]

Das keyboard

[@bawad]

Das keyboard

[@gaos94]

another tool you can use is coolors.co to generate random color schemas

[@ivanrenedo9349]

Este curso es genial