Can't adjust font size on TextInput

[adamnator92]

Current behaviour

Can't adjust font size of button text, textinput and text

Expected behaviour

fontSize is adjustable

What have you tried

software	version
ios or android	both
react-native	16.4.1
react-native-paper	^2.0.1
node	v9.6.1
npm or yarn	6.4.0

[ferrannp]

In Text should be possible passing style={{ fontSize: 24 }}.

[adamnator92]

Hi @ferrannp, Text component work fine,
how about fontSize of Button and TextInput?

[gawrysiak]

#543 is for TextInput. Nothing yet for buttons.

[gluons]

Me too. I really need fontSize for Button.
For now, <Button style={{ fontSize: xx }}/> doesn't work. It does not change button text size.

[ferrannp]

@gluons does it work if you wrap your own Text inside a Button ?

[gluons]

@ferrannp It seems to work partially. Text size changed but icon size isn't changed.
And icon is misplaced. Button doesn't look great.

P.S. I also Button's icon.

[bogdansoare]

The default font size is way to small for buttons, being able to customize the size of it I think it's mandatory for any reasonable ui kit 🙄

[ferrannp]

@bogdansoare, you can just do, for example:

<Button onPress={() => {}}>
  <Text style={{ fontSize: 18 }}>Default</Text>
</Button>

For TextInput is more tricky as if you change the font size, all animations like labels would be broken. The TextInput component just needs much more work for supporting this.

[gluons]

@ferrannp It can change only button text. But icon size still really small. And it doesn't match text size.

Button icon size has been fixed to 16. And I'm unable to change icon size of button.

react-native-paper/src/components/Button.js

Lines 252 to 256 in 3765a07

	{icon && loading !== true ? (
	<View style={styles.icon}>
	<Icon source={icon} size={16} color={textColor} />
	</View>
	) : null}