Нераспознанная экспозиция семейства шрифтов 'ionicons' + native-base - PullRequest
Новая
       20

Нераспознанная экспозиция семейства шрифтов 'ionicons' + native-base

2 голосов
/ 02 марта 2020

Я использую экспо с собственной базой, и я застрял, пытаясь загрузить иконки, у меня была эта проблема как с иониками, так и с антиконами. Если вы посмотрите на мой componentDidMount, я загружаю шрифт из собственной базы и не отображаю значок, пока он не был загружен. обратите внимание, что файлы ttf находятся в папке native-base / Fonts 

import React from "react";
import { Image, StyleSheet } from "react-native";
import { Header, Body, Left, Button, Right, Icon } from "native-base";
import * as Font from 'expo-font';


export default class NavigationBar extends React.Component {
  state = {
    loaded: false
  }

  async componentDidMount() {
    await Font.loadAsync({
      'Ionicons': require('native-base/Fonts/Ionicons.ttf'),
    });
    this.setState({ loaded: true});
  }

  render() {
    return  !this.state.loaded ? null : (
      <Header style={styles.header}>
        <Left>
          <Button
            active={true}
            onPress={() => {
              this.props.navigation.openDrawer();
            }}
            transparent
          >
            <Icon style={styles.Icon} name="menu" />
          </Button>
        </Left>
        <Body />
        <Right>
          <Button
            onPress={() => {
              this.props.navigation.navigate("Profile");
            }}
            transparent
          >
            <Image
              source={require("../assets/avatar.png")}
              style={{ height: 25, width: 25 }}
            />
          </Button>
        </Right>
      </Header>
    );
  }
}

Мои зависимости следующие: 

"@expo/vector-icons": "^10.0.6",
    "@react-native-community/masked-view": "^0.1.6",
    "expo": "~36.0.0",
    "expo-font": "~8.0.0",
    "native-base": "^2.13.8",
    "react": "~16.9.0",
    "react-dom": "~16.9.0",
    "react-native": "https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz",
    "react-native-datepicker": "^1.7.2",
    "react-native-gesture-handler": "^1.6.0",
    "react-native-reanimated": "^1.7.0",
    "react-native-safe-area-context": "^0.7.3",
    "react-native-safe-area-view": "^1.0.0",
    "react-native-screens": "^2.2.0",
    "react-native-splash-screen": "^3.2.0",
    "react-native-vector-icons": "^6.6.0",
    "react-native-web": "~0.11.7",
    "react-navigation": "^4.2.2",
    "react-navigation-drawer": "^2.4.2",
    "react-navigation-stack": "^2.2.2"

1 Ответ

1 голос
/ 02 марта 2020

после сильной боли, и я решил проблему. Оказывается, вам не следует использовать AppRegistry.registerComponent для регистрации приложения epxo. вместо этого вы должны использовать registerRootComponent.

я изменил следующую строку в моем индексе. js с 

AppRegistry.registerComponent('main', () => Main);

на 

registerRootComponent(Main);

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

  "expo": {
    "name": "project",
    "slug": "project",
    "entryPoint": "./index.js",
    "privacy": "public",
    "sdkVersion": "36.0.0",
    "platforms": [
      "ios",
      "android",
      "web"
    ],

вот ссылка на источник, где я обнаружил это дурачество:

https://github.com/expo/vector-icons/issues/31#issuecomment -348374921

...