artyorsh

{
  "components": {
    "Timepicker": {
      "meta": {
        "scope": "all",
        "parameters": {
          "minHeight": {
            "type": "number"
          },
          "paddingHorizontal": {

artyorsh

import React from 'react';
import { View } from 'react-native';
import { useNavigationBuilder, TabRouter, NavigationHelpersContext, createNavigatorFactory } from '@react-navigation/native';

interface SwitchNavigatorProps {
  children: React.ReactNode;
}

const SwitchNavigator = (props: SwitchNavigatorProps): React.ReactElement => {

artyorsh

import React from 'react';
import { StyleSheet, NativeSyntheticEvent, TextInputSubmitEditingEventData } from 'react-native';
import { FormikContextType, useFormikContext } from 'formik';
import { Autocomplete, AutocompleteProps, AutocompleteItem, AutocompleteItemElement } from '@ui-kitten/components';

export interface FormAutocompleteDataItem {
  toString: () => string;
}

type FormAutocompleteDataProps<Item extends FormAutocompleteDataItem = any> = Override<AutocompleteProps, {

artyorsh

import React from 'react';
import { StyleSheet, View, ViewProps, ViewStyle } from 'react-native';
import { ButtonElement } from '@ui-kitten/components';

interface ButtonSwitchProps extends ViewProps {
  fullWidth?: boolean;
  children: ButtonElement[];
  selectedIndex: number;
  onSelect: (index: number) => void;
}

artyorsh

const path = require('path');
// npm i -D @expo/webpack-config
const createExpoWebpackConfigAsync = require('@expo/webpack-config');

const uiKittenComponents = path.resolve(__dirname, './node_modules/@ui-kitten/components');

const uiKittenComponentAlias = {
  '@ui-kitten/components': path.resolve(__dirname, uiKittenComponents),

  './bottomNavigationTab.component.tsx': path.resolve(uiKittenComponents, 'ui/bottomNavigation/bottomNavigationTab.component.js'),

artyorsh

export const AuthNavigator = (props: AuthNavigatorProps): React.ReactElement => {

  const SignInNavigationScreen = (screenProps: SignInScreenProps): React.ReactElement => (
    <SignInScreen {...screenProps} onAuthorized={props.onAuthorized}/>
  );

  const SignUpNavigationScreen = (screenProps: SignUpScreenProps): React.ReactElement => (
    <SignUpScreen {...screenProps} onAuthorized={props.onAuthorized}/>
  );

artyorsh

interface SignInProps extends SignInScreenProps {
  onAuthorized: () => void;
}

artyorsh

const onFormSubmit = (values: SignInData): void => {
  props.onAuthorized();
};

artyorsh

// AdditionalNavigationProp is, for example, DrawerNavigationProp

export type BottomTabBarProps<AdditionalNavigationProp = {}> = BottomTabBarOptions & {
  state: TabNavigationState;
  descriptors: BottomTabDescriptorMap;
  navigation: NavigationHelpers<ParamListBase> & AdditionalNavigationProp;
  // ....
};

artyorsh

import { ParamListBase, RouteProp } from '@react-navigation/core';
import { StackNavigationProp } from '@react-navigation/stack';
import { AppRoute } from './app-routes';

interface AuthNavigatorParams extends ParamListBase {
  [AppRoute.SIGN_IN]: undefined;
  [AppRoute.SIGN_UP]: undefined;
  [AppRoute.RESET_PASSWORD]: undefined;
}