Обновленный реагирующий-родной-потрясающий до 6.0.1, значки отображаются в виде вопросительных знаков - PullRequest
Новая
       23

Обновленный реагирующий-родной-потрясающий до 6.0.1, значки отображаются в виде вопросительных знаков

0 голосов
/ 20 декабря 2018

Reaction-native-fontawesome отлично работал для меня в версии 5. Я обновился до 6.0.1, но загружал новые файлы font-awesome, добавлял новые tff-файлы в папку assets / fonts и запускал реакцию-родную ссылкуresponse-native-fontawesome.

Я закрыл свои симуляторы и запустил response-native run-ios и увидел, что значки, которые работали раньше, теперь являются вопросительными знаками.Они также не отображаются на Android

1 Ответ

0 голосов
/ 23 августа 2019

Сначала вам нужно установить зависимость и связать библиотеку следующими способами:

Выполните следующую команду для установки зависимости.

npm install response-native-vector-icons --save

Связывание зависимостей ...

После обновления React Native 0.60 была введена функция автоматического связывания, что означает, что нам не требуетсясвязать библиотеку, но они также упомянули, что некоторые библиотеки нуждаются в связывании, и реакция-native-vector-icons является одним из таких случаев.Так что для этого нам нужно связать библиотеку, используя.

реагировать-нативная ссылка реагировать-нативные-векторные-иконки

и скопировать данное приложение.js файл, который показан ниже. 

/*Example of React Native Vector Icon*/
import React, {Component} from 'react';
//import React
import {Platform, StyleSheet, Text, View} from 'react-native';
//import all the basic components
import Icon from 'react-native-vector-icons/FontAwesome';
//import vector icons
type Props = {};
export default class App extends Component<Props> {
  render() {
    Icon.getImageSource('user', 20, 'red').then((source) => this.setState({ userIcon: source }));
    return (
      <View style={styles.container}>
        <Text>Example of Vector Icon</Text>
        <View style={{marginTop:16, marginBottom:16, justifyContent:'center', alignItems:'center', textAlign:'center'}}>
          <Text><Icon name="rocket" size={'{30}'} color="#900" /></Text>
          {/*Icon Component*/}
          <Icon name="rocket" size={30} color="#900" />
        </View>
        <View style={{marginTop:16, marginBottom:16}}>
          {/*Icon.Button Component*/}
          <Icon.Button name="facebook" backgroundColor="#3b5998" onPress={()=>alert("Login with Facebook")}>
            Login with Facebook
          </Icon.Button>
        </View>
      </View>
    );
  }
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  }
});

или вы можете перейти по следующей ссылке ...

https://aboutreact.com/react-native-vector-icons/

...