expo

Recently, while working on a project, I needed to create a chat feature with a UI similar to iMessage. When I reached the part where I had to implement the curls, I considered three options: One: Use before and after pseudo element. (Challenge: pseudo classes and element do not work in react-native, hence option 2) Two: Use two Views one for the curl and another to overlap it. Something like this <View style={styles.chatBubble}> <Text style={styles.text}> Hey whats up </Text> <View style={styles.curl}></View> <View style={styles.curlOverlap}></View> </View> Enter fullscreen mode Exit fullscreen mode Three: Use an Svg. Less work :) yay! Initially, I…