Can't adjust font size of button text, textinput and text
fontSize is adjustable
| 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
In Text should be possible passing style={{ fontSize: 24 }}.
Hi @ferrannp, Text component work fine,
how about fontSize of Button and TextInput?
Me too. I really need fontSize for Button.
For now, <Button style={{ fontSize: xx }}/> doesn't work. It does not change button text size.
@gluons does it work if you wrap your own Text inside a Button ?
@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.
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 馃檮
@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.
@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.
For
TextInputis more tricky as if you change the font size, all animations like labels would be broken. TheTextInputcomponent just needs much more work for supporting this.
So I wasted so many hours using paper and the most basic thing, font size, is not available? Why would anyone use this library then lol?
@spyshower Just think about how many hours did you save by using Paper... If you are not happy with our library you can always send PR with improvements or make a fork and develop on your own.
Most helpful comment
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 馃檮