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

Question

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

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-nativereact-native-stylesheet

Answer 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