是否有一个Ionicons: Icon道具?

Question

我写了一个功能组件，我写了一个道具。
所以我希望它能够自动建议名称属性。像这样

import { Ionicons } from "@expo/vector-icons";
export interface ownWrittenProps {
leftIcon?: ????????;
}

所以当人们开始输入leftIcon=">它可以从Ionicons中建议可接受的图标名称，我想使用它的原因是因为它无论如何都可以打包到ios/apk包中。我应该在????????里放什么，这样它就能暗示名字了?

另一个问题，如果我有一个文本框在我的ChildComponent我如何从父检索文本/值?

Answer 1

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

import { Ionicons } from '@expo/vector-icons';
export interface ownWrittenProps {
leftIcon?: keyof typeof Ionicons.glyphMap;
}

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

Answer 2

如果建议不起作用，您可以直接从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";
}