<NavigationContainer>
  {this.props.userReducer.isLoggedIn ? (
    <>
      <Drawer.Navigator
        initialRouteName="MainStack"
        drawerContent={(props) => LeftSidebar(props, this.props.logout)}
        drawerContentOptions={{
          activeTintColor: Colors.primary,
          inactiveTintColor: Colors.text,
          labelStyle: drawerLabelStyle,
        }}>
        <Drawer.Screen
          name="Feedback"
          component={Feedback}
          options={{
            drawerLabel: this._renderFeedbackLabel.bind(this),
          }}
        />
        <Drawer.Screen
          name="UserStack"
          component={UserStack}
          options={{drawerLabel: 'Личный кабинет'}}
        />
      </Drawer.Navigator>
    </>
  ) : (
    <>
      <LoginStack />
    </>
  )}
</NavigationContainer>;

export default function App() {
  const [value, onChangeText] = React.useState('');
  const [pass, setPass] = React.useState('')
  const [inp1, setInp1] = React.useState('');
  let ref_input2 = useRef();
  let ref_input3 = useRef();
  let ref_input4 = useRef();
  let ref_input5 = useRef();
  
  return (
<TextInput
              onChangeText={text => setPass(text)}
              keyboardType={'numeric'}
              style={styles.inputText}
              maxLength = {1}
              underlineColorAndroid='rgba(0,0,0,0)'
              numberOfLines={1}
              onSubmitEditing={this.maxLength ? 1 :() => this.ref_input2.focus()}
        />
        <TextInput
             onChangeText={text => setPass(text)}
             keyboardType={'numeric'}
             maxLength = {1}
             style={styles.inputText}
             underlineColorAndroid='rgba(0,0,0,0)'
             numberOfLines={1}
             ref={ref_input2}
             onSubmitEditing={this.maxLength?1:() => this.focusNextField('3')}
         />