How to make this kind of dialog in react native

Question

I tried this but, i do't get my actual output. I am trying many solution but not getting proper. share your answeer for this solution.

card:{
 height:150,
 width:"80%",
 backgroundColor:"white",
 borderRadius:15,
 padding:10,
 elevation:10,
 shadowColor: '#000',
 shadowOffset: { width: 0, height: 3 },
 shadowOpacity: 0.5,
 shadowRadius: 5, 
}

score 0 · Answer 1 · answered Jun 11 '20 at 08:30

0

It's not about react-native but css. you should create a View element and position it under the dialogue modal with such style:

arrowDown { width: 0, height: 0, borderLeftColor: transparent, borderRightColor: transparent, borderTopWidth: 20, borderRightWidth: 20, borderLeftWidth: 20, borderTopColor: #f00, } for reference, you can check out this tutorial on how to create a triangle in CSS: css-tricks

answered Jun 11 '20 at 08:30

Reza Shoja

887
2
11
24

thanks for sharing, this also i tried before post but not getting my actual reasult – Hitesh Tarbundiya Jun 11 '20 at 08:53
I'm sure you're doing something wrong because this is something I've done before in a react-native project. – Reza Shoja Jun 11 '20 at 10:01

How to make this kind of dialog in react native

1 Answers1