Значок не вписывается в нижнюю навигацию в реагировать родной - PullRequest
Новая
       10

Значок не вписывается в нижнюю навигацию в реагировать родной

0 голосов
/ 02 ноября 2018

Я пытался использовать значок из https://github.com/xotahal/react-native-material-ui,, но элемент не вписывается в нижнюю навигацию: enter image description here

Вот код из AppNavigator.js: 

import { createMaterialBottomTabNavigator } from "react-navigation-material-bottom-tabs";
import { Badge, Icon, Avatar } from "react-native-material-ui";

export const SignedIn = createMaterialBottomTabNavigator(
  {
    MeetingsScreen: {
      screen: MeetingsScreen,
      navigationOptions: {
        tabBarLabel: "Заседания",
        tabBarIcon: ({ focused }) => (
          <Badge text="3">
            <TabBarIcon
              focused={focused}
              name={
                Platform.OS === "ios"
                  ? `ios-people${focused ? "" : "-outline"}`
                  : "md-people"
              }
            />
          </Badge>
        )
      }
    },
...

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

1 Ответ

0 голосов
/ 02 ноября 2018

Создайте пользовательский компонент значка панели вкладок, который обернет значок панели вкладок в представление большей ширины и высоты значка и убедитесь, что значок находится внутри периметра представления. См. Диаграмму ниже: enter image description here

...