是否有 Ionicons: Icon 道具？

Question

所以我写的是功能组件吧，我写的是props。
所以我希望它能够自动建议名称属性。像这样

import { Ionicons } from "@expo/vector-icons";

export interface ownWrittenProps {
  leftIcon?: ????????;
}

所以当人们开始输入 leftIcon=" 它可以建议可接受的图标名称 Ionicons 我想使用它的原因是因为它包含在反正 ios/apk 包。我应该在 ???????? 中输入什么，以便它可以建议名称？

另一个问题，如果我的 ChildComponent 中有一个文本框，我该如何从父组件中检索 text/value？

Answer 1

如果建议没有效果可以直接从Ionicons官网找到图标名称，像组件一样使用。

示例：

import { Ionicons } from '@expo/vector-icons'; 

<Ionicons name="add-outline" size={24} color="black" />

或

import { Ionicons } from "@expo/vector-icons";

export interface ownWrittenProps {
  leftIcon?: "add-outline";
}

Answer 2

@expo-vector-icons 为每个图标类型公开一个 glyphMap。您可以使用它来生成名称建议。

import { Ionicons } from '@expo/vector-icons';

export interface ownWrittenProps {
  leftIcon?: keyof typeof Ionicons.glyphMap;
}

这将从地图创建一个类型，然后确保在设置 leftIcon 时只能使用该类型的键。

Is there a Ionicons: Icon props?