【问题标题】:how to give a props to ui-kitten's Card header如何为 ui-kitten 的卡片标题提供道具
【发布时间】:2020-07-07 10:18:14
【问题描述】:
我正在尝试在一个简单的测试应用程序中使用 ui-kitten 框架,但有些概念我认为我还不明白。我是 JS / React-native 的新手,这是我的第一个应用程序
在这个例子中,有人可以向我解释如何给 Header 一个道具吗? CardWithHeader- Example
为什么<View {...props}>似乎有rest参数?
感谢您的帮助
【问题讨论】:
标签:
react-native
react-native-ui-kitten
【解决方案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>
);