crafting (and) JavaScript

React Native Learnings

const iosShadow = {
    shadowColor: "#000",
    shadowOffset: {
        width: 0,
        height: 2,
    shadowOpacity: 0.22,
    shadowRadius: 2.22,

overflow=hidden prevents a shadow

does not show a shadow

<Pressable style={{overflow: hidden, ...iosShadow}}>

Remove the overflow attribute, which hides the shadow

<Pressable style={{...iosShadow}}>

<Text> styling is limited, wrap it in a <View>

on iOS

<Text style={{borderRadius: 5}}>

does not render a round corner, do

<View style={{borderRadius: 5}}>