invertase / react-native-material-design

React Native UI Components for Material Design
http://react-native-material-design.github.io
MIT License
3.15k stars 366 forks source link

Misaligned components #142

Open marco-lavagnino opened 7 years ago

marco-lavagnino commented 7 years ago

I'm using react native 0.39.2 Here, in the drawer I used almost the same code as in the example, and items leave a gap between item name and item icon. drawer Buttons show text not properly centered and too close to the bottom. reset_button

schneckentempo commented 7 years ago

Had the same problem with the Buttons.

Change in Button.js: top: Platform.OS === 'android' ? 2 : -4 to top: Platform.OS === 'android' ? -2 : -4

somehow I couldn't manage to center the text with justifyContent and alignItems as I did with my own Buttons, is this because of the elevation-polyfill?

Edit: seems to get fixed with #128 (uses lineHeight: 20)