react-native - 如何为 ui-kitten 的卡片标题提供道具

Question

我正在尝试在一个简单的测试应用程序中使用 ui-kitten 框架，但有些概念我认为我还不明白。我是 JS / React-native 的新手，这是我的第一个应用程序

在这个例子中，有人可以向我解释如何给 Header 一个道具吗？CardWithHeader- 示例

为什么<View {...props}>似乎有休息参数？

感谢您的帮助

标签： react-nativereact-native-ui-kitten

Answer 1

要为 UI-Kitten 卡片页眉（或页脚）提供自定义道具，您可以执行以下操作：

const Header = ({ title }) => (
  <Text>{title}</Text>
);

const title = 'Hello World!';

const myCard = () => (
  <Card header={(props) => <Header {...props} title={title} />}>
    Nice text
  </Card>
);