React-native-paper: Custom height for Button

Created on 7 May 2018  路  4Comments  路  Source: callstack/react-native-paper

When i set custom button height with

        <Button
            style={{
              marginTop: 20,
              height: 50,
              marginLeft: 0,
              marginRight: 0,
              justifyContent: 'center',
            }}
            loading={loading}
            raised
            compact
            primary
            onPress={this.onSubmit}
          >
            {t('signIn')}
          </Button>

i see on touch start

screen shot 2018-05-07 at 3

is there any way to do
Hover effect all over button ?

help wanted

Most helpful comment

@esalberg100 try contentStyle prop

All 4 comments

Any plans for this issue to be solved?

@esalberg100 try contentStyle prop

@esalberg100 try contentStyle prop

Thanks, I created 2 different styles style={styles.buttonStyle} contentStyle={styles.buttonContentStyle} and setting the height to 50 in the buttonContentStyle worked.

Giving padding in style also works

Was this page helpful?
0 / 5 - 0 ratings