Function createChatTabBarButton

native/navigation/chat-tab-bar-button.react.js:40–87

(
  props: Props,
)

};

function createChatTabBarButton<Route: NUXTipRouteNames>(
  props: Props,
): React.ComponentType<NUXTipsOverlayProps<Route>> {
  function ChatTabBarButton(): React.Node {
    const { title, tabBarIcon: Icon } = props;

    const position = React.useRef(new Animated.Value(0));
    const route = useRoute();

    const activeTheme = useSelector(state => state.globalThemeInfo.activeTheme);
    const color = React.useMemo(
      () =>
        activeTheme === 'dark' ? DarkTheme.colors.text : LightTheme.colors.text,
      [activeTheme],
    );

    const styles = useStyles(unboundStyles);

    const renderLabel = React.useCallback(
      ({ color: labelColor }: { color: string, ... }) => {
        return (
          <Text style={[styles.label, { color: labelColor }]}>{title}</Text>
        );
      },
      [styles.label, title],
    );

    const renderIcon = React.useCallback(
      ({ color: iconColor }: { color: string, ... }) => {
        return (
          <View style={styles.icon}>
            <Icon color={iconColor} />
          </View>
        );
      },
      [Icon, styles.icon],
    );

    const renderLabelText = React.useCallback(() => title, [title]);

    return (
      <TabBarItem
        position={position.current}
        route={route}
        navigationState={dummyNavigationState}
        onPress={dummyCallback}
        onLongPress={dummyCallback}
        style={styles.button}
        getLabelText={renderLabelText}
        getAccessible={dummyCallback}
        getAccessibilityLabel={dummyCallback}