Я получил предупреждение и не смог использовать FontAwesome в React Native на Expo - PullRequest
Новая
       31

Я получил предупреждение и не смог использовать FontAwesome в React Native на Expo

0 голосов
/ 17 января 2019

Теперь я пытаюсь использовать FontAwesome в приложении React Native на Expo.

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

К счастью, у меня нет ошибок, кроме предупреждения.

Это мой код ниже. Пожалуйста, научи меня.

Спасибо. 

import { Font } from 'expo';

import { fontAwesome } from '../../assets/fonts/fa-solid-900.ttf';


class Help extends React.Component {
 state = {
  fontLoaded: false,
 };

 async componentDidMount() {
  await Font.loadAsync({
   FontAwesome: fontAwesome,
 });

 this.setState({ fontLoaded: true });
 }

 renderHelpLists() {
  return HelpLists.map((value, index) => {
   return (
     <TouchableOpacity
      key={index}
      style={styles.helpListsBox}
     >
      <Text style={styles.helpListText}>
        {value.name}
      </Text>
      {
        this.state.fontLoaded ? (
          <Text style={styles.rightIcon}>
            {'\f054'}
          </Text>
        ) : null
      }
     </TouchableOpacity>
   );
  });
 }


 const styles=Stylesheet.create({
  rightIcon: {
   fontFamily: 'FontAwesome',
  },
 })

Ответы [ 2 ]

0 голосов
/ 18 января 2019

Я решил эту проблему с помощью импорта Icon из'act-native-vector-icons / FonteAwesome '.

Однако я не уверен, как использовать Expo-Icons.

0 голосов
/ 18 января 2019

Я еще не знаком с использованием Font Awesome, импортируя файлы TTF в React Native.

Однако не могли бы вы попробовать использовать компонент Font Awesome React Native?

См. https://github.com/fortawesome/react-native-fontawesome

...