Блог

Итак, я правильно пишу функциональный компонент, я написал реквизит.
поэтому я хотел, чтобы он мог автоматически предлагать атрибуты имен. Что — то вроде этого

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

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

поэтому, когда люди начинают вводить <FunctionalComponent leftIcon=», он может предложить приемлемые имена значков по Ionicons причине, по которой я хочу его использовать, потому что он все равно входит в пакет ios / apk. Что я должен добавить, ???????? чтобы он мог подсказать название?

Другой вопрос, если у меня есть текстовое поле в моем дочернем компоненте, как мне извлечь текст / значение из родительского элемента?

@expo-vector-icons предоставляет карту символов для каждого типа значка. Вы можете использовать это для создания предложений по названию.

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

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

Это создаст тип из карты, а затем убедитесь, что при настройке leftIcon можно использовать только клавиши этого типа.

Если предложения не сработали, вы можете напрямую найти название значка на официальном сайте 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";
}