react-native - 带有多行文本的 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 。