包圍反應本機矢量圖標

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

嘗試將其包裝在View作為容器

<View 
    style={{
        width: 10, 
        height: 10, 
        borderRadius: 5, 
        borderWidth: 2, 
        borderColor: 'rgb(170, 207, 202)'
    }}>
    <Icon name={'ios-grid-outline'} style={{...}} />
</View>

當然，可以根據自己的喜好更改寬度和高度。

Answer 2

嘗試在樣式中添加“ overflow:"hidden"選項

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