react-native-ui-kitten - 使用 react native ui kitten 增加按钮中的文本大小

Question

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

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

正确方向的一点将不胜感激。

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

Answer 1

我想您使用的自定义字体在 Eva 提供的默认配置下看起来不太好。但是，您有两个选择。通过 prop 提供文本样式，或修改我在相关github issuetextStyle中提到的映射。

Answer 2

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

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

或者，如果第一个选项不是很好的解决方案，那么在 url 的末尾是如何使您的代码变得灵活。

我有同样的问题:)

Answer 3

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

import { Button, Text } from '@ui-kitten/components';

<Button style={...}>
  {evaProps => <Text {...evaProps} style={{color: "red"}}>BUTTON</Text>}
</Button>