Добавление <Icon>из реагирующих нативных элементов в bottomTabNavigator показывает ошибку - PullRequest
Новая
       49

Добавление <Icon>из реагирующих нативных элементов в bottomTabNavigator показывает ошибку

0 голосов
/ 11 июня 2019

Я пытаюсь добавить иконки в мой bottomTabNavigator, используя иконки из react-native-elements. 

import { createBottomTabNavigator } from "react-navigation"
import { ServicesNavigator } from "./services-navigator"
import { AccountScreen } from "../screens/account-screen/account-screen"
import { Icon } from "react-native-elements"

export const BottomTabNavigator = createBottomTabNavigator({
  services: {
    screen: ServicesNavigator,
    navigationOptions: {
      tabBarLabel:"Services",
      tabBarIcon: ({ tintColor }) => (
        <Icon name="ios-build" type="Ionicon" size={10} />
      )
    },
  },
  account: { screen: AccountScreen },
})

Приведенный выше код показывает следующую ошибку в ios: Unexpected token, expected "</>/<=/>=" вокруг строки, где <Icon>. Я пытался смотреть онлайн, но не могу решить свою проблему. Любая помощь будет оценена!

Ответы [ 2 ]

0 голосов
/ 22 июля 2019

Я наконец нашел проблему.Все это время расширение моего файла было .ts, которое не поддерживает jsx, вместо .tsx.Изменение расширения файла на .tsx сделало это для меня.

0 голосов
/ 26 июня 2019

эти настройки не должны быть в RouteConfigs. Изучая https://reactnavigation.org/docs/en/tab-based-navigation.html#customizing-the-appearance вы должны делать больше как 

export const BottomTabNavigator = createBottomTabNavigator({
    services: ServicesNavigator,
    account: AccountScreen,
  },
  {
    defaultNavigationOptions: () => {
      tabBarIcon: () => <Icon name="ios-build" type="Ionicon" size={10} />
    },
  },
})
...