通过导航解决本机问题”

时间:2019-11-21 20:07:26

标签: javascript reactjs react-native navigation

所以我真的很难过这个导航的东西。我不是Js专家或不是本机专家,但由于从事此应用程序的人员不再在公司中,因此我需要在这里和那里进行一些调整,直到有新人加入,但我为此导航而苦苦挣扎东西。

所以我正在用它来进行两因素识别 知道这个导航到底做什么吗?如何设置它的值?它需要以某种方式通过吗?

完整代码

import React, {Component} from 'react'
import PropTypes from 'prop-types'
import {
  View,
  Text,
  TouchableHighlight,
  Image,
  TextInput,
} from 'react-native'
import {requiredFields} from '../helpers/forms'
import BusyButton from '../Common/BusyButton'
import DismissKeyboard from '../Common/DismissKeyboard'
import {Colors} from '../styles'
import LoginStyles from './LogInStyles'

const loginStyles = LoginStyles.createStyles()

/* eslint-disable camelcase,space-before-function-paren */
export default class TwoFactor extends Component {
  static propTypes = {
    screenProps: PropTypes.object.isRequired,
    navigation: PropTypes.object.isRequired,
  }

  state = {
    verificationCode: '',
  }

  handleSubmit = () => {
    try{
    const {screenProps: {auth: {sendVerificationCode}}, navigation: {navigate}} = this.props

    if (requiredFields(['verificationCode'], ['Verification Code'], this.state)) {
      sendVerificationCode(this.state.verificationCode,this.state.user, navigate)
    }

    return false
    }catch(e){
      console.log(e)
    }
  }

  render() {
    const {screenProps: {auth: {isFetching}}} = this.props


    return (
      <DismissKeyboard style={loginStyles.pageWrapper}>
        <View style={loginStyles.logoContainer}>
          <Image
            style={loginStyles.logo}
            resizeMode="contain"
            source={require('../../assets/images/logo-IH_blue_gold-small.png')}
          />
        </View>
        <View style={loginStyles.containerExpand}>
          <Text style={loginStyles.h1}>ID Verification</Text>
          <Text style={loginStyles.label}>
            A verification code has been sent to the phone number on file. Please enter the code below.
          </Text>
          <TextInput
            style={loginStyles.input}
            placeholder="Verification Code"
            placeholderTextColor={Colors.lightGray}
            onChangeText={(verificationCode) => this.setState({verificationCode})}
            keyboardType="number-pad"
          />
        </View>
        <View style={loginStyles.container}>
          <View style={loginStyles.buttonContainer}>
            <BusyButton
              style={loginStyles.button}
              underlayColor={Colors.buttonPrimaryBkgd}
              isBusy={isFetching}
              onPress={this.handleSubmit}
            >
              <Text style={loginStyles.buttonText}>Next</Text>
            </BusyButton>
          </View>
        </View>
      </DismissKeyboard>
    )
  }
}

错误

it's not spitting any error, but it is not taking me to the next screen.

0 个答案:

没有答案