【问题标题】: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>
    );
    

    【讨论】:

      猜你喜欢
      • 2018-07-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-06-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多