小编Nit*_*san的帖子

我有一个 react js 状态对象，如果对象为空，我想执行一些代码。我的逻辑是否有问题，因为 if 块中的代码没有被执行。

if (this.state.errors == null) {
  this.props.updateUser(user);
  this.props.navigation.goBack();
}

我正在使用反应导航选项卡导航器并反应原生材料底部导航,它当前从屏幕滑动到屏幕.如材料设计指南所示,我如何让它从一个屏幕淡入淡出另一个屏幕.

Router.js

import React from 'react';
import { TabNavigator, StackNavigator, NavigationActions } from 'react-navigation';
import { NavigationComponent } from 'react-native-material-bottom-navigation';
import Icon from 'react-native-vector-icons/MaterialIcons';
import { MAIN_COLOR, BOTTOM_BAR_COLOR, BOTTOM_BAR_ICON_COLOR } from '../config';
import { Classes, Settings, Search, SplashScreen } from '../components/screens';
import Login from '../components/screens/Login';
import Main from '../Main';

export const Tabs = TabNavigator({
  Classes: {
    screen: Classes,
    navigationOptions: {
      tabBarLabel: 'Classes',
      tabBarIcon: () => <Icon size={24} name="list" color={BOTTOM_BAR_ICON_COLOR} />,
    },
  },
  Search: {
    screen: Search,
    navigationOptions: {
      tabBarLabel: 'Search', …

我最近将react-navigation升级到v3，并运行了我的应用程序，但底部的标签栏图标似乎出现渲染错误。即使标签已渲染，图标也根本不会渲染。我正在使用react-native-vector-icons渲染图标。

我曾尝试在选项卡栏选项中将showIcon属性设置为true，但这也无法解决我的问题。我还尝试将react-navigation降级到v2.x，但这无济于事

const TabNavigatorConfig = {
  navigationOptions: ({ navigation }) => ({
    tabBarIcon: ({ focused }) => {
      const { routeName } = navigation.state;
      let iconName;
      switch (routeName) {
        case 'Batches':
          iconName = 'home';
          break;
        case 'Settings':
          iconName = 'settings';
          break;
        default:
          iconName = 'home';
          break;
      }
      return (
        <Icon
          size={22}
          name={iconName}
          color={focused ? colors.secondary.normal : colors.other.bbIconNormal}
        />
      );
    },
  }),
  animationEnabled: false,
  tabBarPosition: 'bottom',
  swipeEnabled: false,
  backBehavior: 'none',
  tabBarOptions: {
    showIcon: true,
    style: {
      backgroundColor: colors.other.bgNormal,
    },
  },
}; …