带多行文字的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不和中获得了一些帮助。原来，唯一缺少的是height: auto风格的RkButton。

<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。