如何将组件添加到卡片标题容器 react-native-elements

Question

我在我的 React Native 项目中使用 React-native-elements。我需要在卡片标题的右侧添加一个“+”号，如下所示，使用 react-native-vector-icons。我浏览了文档，但找不到任何相关内容。

<Card
   title="Resources"
   titleStyle={{
     textAlign: 'left',
   }}
>
   <Text style={{textAlign: "center"}}>No resources</Text>
</Card>

Answer 1

如本 issue 中所述，可以为 title 提供反应组件。因此，以下工作正常。

<Card titleStyle={{textAlign: 'left'}} title={
   <View style={{display: "flex",flexDirection: "row"}}>
     <Text>About me</Text>
     <View style={{flexGrow: 1}} />
     <FIcon name="edit"/> 
   </View>
}>
   <Text style={{marginBottom: 10}}>{userData.bio}</Text>
</Card>

如何将组件添加到卡片标题容器 react-native-elements

How to add components to card title container react-native-elements

react-native

react-native-elements