Значок не отображается на панели поиска в iOS - PullRequest
Новая
       20

Значок не отображается на панели поиска в iOS

0 голосов
/ 25 сентября 2019

Я вижу только значок вопросительного знака, где должен быть мой значок поиска.Также получите нераспознанный шрифт для других моих шрифтов. 

  <SearchBar
                round
                containerStyle={{
                    borderTopWidth: 0,
                    borderBottomWidth: 0
                }}
                inputStyle={{ backgroundColor: "white" }}
                inputContainerStyle={{
                    borderRadius: 5,
                    backgroundColor: "white"
                }}
                icon={{
                    type: "fontAwesome",
                    color: "#86939e",
                    name: "fa-search"
                }}
                onSubmitEditing={this.onSubmitEdit}
                searchIcon={{ size: 18 }}
                onChangeText={text => this.SearchFilterFunction(text)}
                onClear={text => this.SearchFilterFunction("")}
                placeholder="Type Here..."
                value={term}
            />

Поскольку мой значок serahc не отображается, я не могу показать свои шрифты, используя: 

  menuText: {
    fontSize: 15,
    color: "#fff",
    opacity: 1,
    fontFamily: "lato-regular",
    textTransform: "uppercase"
  }

Я связал пакет,и скопировал файл шрифта в xcode.

Все мои мои шрифты отображаются под Resources в xcode.Как я могу отобразить мой значок?

У меня есть шрифты в info.plist: 

<key>UIAppFonts</key>
<array>
    <string>Lato-Regular.ttf</string>
    <string>Lato-Light.ttf</string>
    <string>FontAwesome.ttf</string>
    <string>Lato-Bold.ttf</string>
    <string>MaterialIcons.ttf</string>
    <string>Lato-Black.ttf</string>
    <string>Lato-BlackItalic.ttf</string>
    <string>Lato-BoldItalic.ttf</string>
    <string>Lato-Hairline.ttf</string>
    <string>Lato-HairlineItalic.ttf</string>
    <string>Lato-Heavy.ttf</string>
    <string>Lato-HeavyItalic.ttf</string>
    <string>Lato-Italic.ttf</string>
    <string>Lato-LightItalic.ttf</string>
    <string>Lato-Medium.ttf</string>
    <string>Lato-MediumItalic.ttf</string>
    <string>Lato-Semibold.ttf</string>
    <string>Lato-SemiboldItalic.ttf</string>
    <string>Lato-Thin.ttf</string>
    <string>Lato-ThinItalic.ttf</string>
    <string>SpaceMono-Regular.ttf</string>
</array>

Ответы [ 2 ]

1 голос
/ 25 сентября 2019

Попробуйте: - 

import Icon from 'react-native-vector-icons/FontAwesome';
const myIcon = <Icon name="rocket" size={30} color="#900" />;

используйте myIcon в вашем коде.

0 голосов
/ 25 сентября 2019

Если вы используете response-native-vector-icons, отметьте это https://oblador.github.io/react-native-vector-icons/, чтобы найти ваши значки

Имя не fa-search , а просто поиск

...