如何将这个React-Native Expo快餐中的图标居中？

问题描述：

我正在使用Expo，并有一个snack使用react-native-elements，我似乎无法完全居中通知图标。它略微出现在左侧。我尝试设置marginRight: 0但这没有帮助。如何将这个React-Native Expo快餐中的图标居中？

任何人都可以为我解决这个零食吗？

你能发布你的代码片段吗？ –

@MerajKhan根据你在这个类中的代码，在https://snack.expo.io/S1_IbDAq- –

的问题中链接._19iubwk-o_O-_pnb0n0 {background-position：1.5em center！important;}试试这个。 –

答

您应该在图标的样式上设置marginRight: 0而不是按钮的样式。 react-native-elements'按钮图标属性接受一个样式对象。用下图替换当前的<Button />，图标应居中。

<Button 
    raised 
    icon={{name: 'notifications', size: 90, style: {marginRight: 0}}} 
    buttonStyle={{backgroundColor: '#ff4f00', borderRadius: 10}} 
/>

另外，这里是一个工作世博小吃：https：//snack.expo.io/HJncdPCq- – jiricrispeyn

谢谢！这工作。 –

如何将这个React-Native Expo快餐中的图标居中？

相关推荐