css - 如何使这个 React-Native Expo Snack 中的图标居中？

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}}
/>