xamous/react-native-smooth-pincode-input

Losing autoFocus when moving from one screen to another screen with pincode input

codeamo opened this issue · 0 comments

I am moving between multiple input screens for authentication purposes and when moving from one screen input to the next one the second input losses autofocus even though it's set to true, and requires a click from the user to actually type. Please help and will be happy to answer any follow-up questions. Thanks in advance

I am reusing the below code:

<SmoothPinCodeInput
            containerStyle={styles.spacer}
            password
            mask="﹡"
            cellStyle={{
              borderBottomWidth: 2,
              borderColor: 'gray'
            }}
            cellStyleFocused={{
              borderColor: 'black'
            }}
            textStyle={{
              fontSize: 27,
              color: '#000'
            }}
            value={value}
            cellSpacing={40}
            maskDelay={0}
            cellSize={60}
            keyboardType="number-pad"
            codeLength={4}
            autoFocus
            onTextChange={pin => setValue(pin)}
          />