Android Button is no improvement over TouchableElement

[ssomnoremac]

Is this how a button is supposed to look on Android? Then -> why?

var MK = require('react-native-material-kit');
var { 
  MKButton,
  MKColor,
} = MK;

      <MKButton
        backgroundColor={MKColor.Teal}
        onPress={() => {this.readBook(book);}} >
        <Text pointerEvents="none"
              style={{color: 'white', fontWeight: 'bold',}}>
          READ
        </Text>
      </MKButton>

[Taakn]

@ssomnoremac style seems to be overriding. I use it like this:

style={[MKButton.accentColoredButton().style, styles.button]}

wherestyles.button is your style.

[alexprice1]

@ssomnoremac did @Taakn's solution work for you?

[sopent]

1. No, it is not a full solution. Lost "padding" and some other stuff. More nice solution it is to use {...MKButton.coloredButton().toProps()}
2. Shadows not working on emulator (for me), but work good on real device.
3. You can use Builder (new MKButton.Builder()) instead of jsx.
4. It is not a bug in material kit, so this issue should be closed.

Full button can look like this

             <MKButton
                {...MKButton.coloredButton().toProps()}
                backgroundColor={MKColor.Teal}
                onPress={() => {this.readBook(book);}} >
                <Text pointerEvents="none"
                      style={{color: 'white', fontWeight: 'bold',}}>
                  READ (toProps)
                </Text>
             </MKButton>   

Many examples can be found here - https://github.com/xinthink/react-native-material-kit/issues/3