reactjs - 如何在 React Native 中实现 Font Awesome 堆栈图标功能

Question

使用 React Native 实现堆叠/重叠图标。

我正在尝试在 react native 中实现这样的目标:
https://fontawesome.com/how-to-use/on-the-web/styling/stacking-icons

如何实现这一目标？

Answer 1

你可以通过这样做来实现这一点。使用宽度和高度可以帮助您将 View 保持在适当的位置并将所有内容对齐到中心，使其看起来像堆叠的图标一样漂亮。

<View style={{
        position:"relative",
        justifyContent:'center',
        alignItems:"center",
        width:40,
        height:40
      }}>
         <Icon name="circle" size={34} color={"black"} />
         <Icon name="flag" size={20} color={"white"} style={{position: 'absolute', zIndex: 99}} />  
      </View>

https://snack.expo.io/HkxWerHBr