如何使这个React-Native Expo小吃中的图标居中？

Question

我使用Expo并使用snack使用react-native-elements而我似乎无法将通知图标精确居中。它左侧略显。我尝试设置marginRight: 0，但这没有用。

有人可以为我修理这个小吃吗？

Answer 1

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

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