如何將這個React-Native Expo快餐中的圖標居中？

我正在使用Expo，並有一個snack使用react-native-elements，我似乎無法完全居中通知圖標。它略微出現在左側。我嘗試設置marginRight: 0但這沒有幫助。如何將這個React-Native Expo快餐中的圖標居中？

任何人都可以爲我解決這個零食嗎？

來源

2017-09-19 Dave Chambers

你能發佈你的代碼片段嗎？ –

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

來源

2017-09-19 09:47:48 jiricrispeyn

另外，這裏是一個工作世博小吃：https：//snack.expo.io/HJncdPCq- – jiricrispeyn

謝謝！這工作。 –

如何將這個React-Native Expo快餐中的圖標居中？

回答

相關問題