包围反应本机矢量图标

Question

我想圈出反应本机矢量图标。我在样式中添加了边框半径，但它对所有设备都没有帮助，而且每个图标的行为都不同。

    <Icon  name={'ios-grid-outline'} style={{ color: "rgb(170, 207, 202)", 
 borderRadius:10,
  borderWidth: 2,
  borderColor: 'rgb(170, 207, 202)',
}} />

反应本机矢量图标的链接： https://oblador.github.io/react-native-vector-icons/

Answer 1

尝试将该overflow:"hidden"选项添加到您的样式中

<Icon  name={'ios-grid-outline'} style={{ 
  color: "rgb(170, 207, 202)", 
  borderRadius:10,
  borderWidth: 2,
  borderColor: 'rgb(170, 207, 202)',
  overflow: "hidden"
}} />