带有多行文本的react-native-ui-kitten按钮

Question

我使用react-native-ui-kitten库：https://akveo.github.io/react-native-ui-kitten/#/docs/ui-components/rkbutton。我想让RkButton把我的长文本换成几行。但不知道该怎么做。

目前是这样：

<RkButton
  style={{ backgroundColor: "red", margin: 5 }}
  rkType="xlarge"
>
  Very very very long text Very very very long text Very very very long text Very very very long text
</RkButton>

显示为以下内容：

​

我希望它将文本换行到下一行。

这是演示小吃：https://snack.expo.io/HkMDcBpd4。

有什么想法吗？

致以敬意，

Answer 1

我在Reactiflux争执中得到了一些帮助。事实证明，唯一缺少的就是RkButton风格的height: auto。

<RkButton style={{ backgroundColor: "red", margin: 5, height: 'auto' }} rkType="xlarge">
        Very long text Very long text Very long text Very long text Very long text
</RkButton>

这里有一种小吃：https://snack.expo.io/HJbHLLpO4。