Нераспознанное семейство шрифтов ionicons (expo + реагировать-навигация + ловушка) - PullRequest
Новая
       24

Нераспознанное семейство шрифтов ionicons (expo + реагировать-навигация + ловушка)

0 голосов
/ 10 апреля 2020

Настройки реакции-навигации описаны в «App.tsx», «home.tsx» импортируется и отображается. В настоящее время я хочу отобразить значок дома, но отображается сообщение об ошибке.

Если запустить пример в документации Expo, значки будут отображаться правильно. https://docs.expo.io/versions/latest/guides/icons/

Я думаю, причина в том, что загрузка иона недостаточна, чтобы нарисовать дом. Как это решить? 

App.tsx

import React from 'react'
import { AppRegistry } from 'react-native'
import { NavigationContainer } from '@react-navigation/native'
import { createStackNavigator } from '@react-navigation/stack'
import { Root } from 'native-base'
import { StoreContainer } from './container/store'
import Home from './views/components/screens/Home'

const Stack = createStackNavigator()

export default function App () {
  return (
    <Root>
      <StoreContainer.Provider>
        <NavigationContainer>
          <Stack.Navigator>
            <Stack.Screen name='Home' component={Home} />
          </Stack.Navigator>
        </NavigationContainer>
      </StoreContainer.Provider>
    </Root>
  )
}

AppRegistry.registerComponent('Sample', () => App)

home.tsx (NOT working)

import React from 'react'
import { View } from 'react-native'
import { Container } from 'native-base'
import { StoreContainer } from '../../../container/store'
import { Ionicons } from '@expo/vector-icons';

export default function Home ({ navigation }) {
  const form = StoreContainer.useContainer()

  return (
    <Container>
      <View>
        <Ionicons name='md-checkmark-circle' size={32} color='green' />
      </View>
    </Container>
  )
}
...