使用react原生ui小猫增加按钮中的文本大小

Question

假设你有一个按钮，按钮的大小是完美的，但文本大小与按钮的大小不匹配。

我应该如何增加按钮文本的大小。在它说要使用的文档中，StyleProp<TextStyle>，我一直在尝试使用它，但我觉得我缺乏正确的理解。

如果能指出正确的方向，我们将不胜感激。

<Button
status="control"
appearance="ghost"
size="giant"
> title </Button>

Answer 1

我想您使用的自定义字体在Eva提供的默认配置中看起来不太好。但是，这里有两个选项。通过textStyle道具提供文本样式，或者像我在相关github问题中提到的那样修改映射。

Answer 2

按钮及其内部视图可以通过作为功能组件传递来进行样式设置。

import { Button, Text } from '@ui-kitten/components';
<Button style={...}>
{evaProps => <Text {...evaProps} style={{color: "red"}}>BUTTON</Text>}
</Button>

Answer 3

https://akveo.github.io/react-native-ui-kitten/docs/components/button/overview#button

这是一个解决方案，例如，您可以通过更改size='giant'来更改它，并在样式中设置按钮的height和width，文本大小将从属性size保持较大。

或者在url的末尾是如何使其对您的代码具有灵活性，如果第一个选项不是好的解决方案。

我也有同样的问题：(