如何在本机反应中制作这种对话框

【问题标题】：How to make this kind of dialog in react native如何在本机反应中制作这种对话框
【发布时间】：2020-06-11 08:23:02
【问题描述】：

我试过这个，但是我没有得到我的实际输出。我正在尝试许多解决方案，但没有得到适当的解决。分享您对此解决方案的答案。

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, 
}

【问题讨论】：

标签： react-native react-native-stylesheet

【解决方案1】：

这不是关于 react-native 而是 css。您应该创建一个View 元素并将其放置在具有这种样式的对话模式下：

arrowDown { width: 0, height: 0, borderLeftColor: transparent, borderRightColor: transparent, borderTopWidth: 20, borderRightWidth: 20, borderLeftWidth: 20, borderTopColor: #f00, } 作为参考，你可以查看这篇关于如何在 CSS 中创建三角形的教程：css-tricks

【讨论】：

感谢分享，这也是我在发帖前尝试过的，但没有得到我的实际结果
我确定你做错了什么，因为这是我之前在 react-native 项目中做过的事情。