TextInput有一个defaultProp，可以在组件安装后聚焦。

自动对焦

如果为true，则将输入集中在componentDidMount上，默认值为false。有关详细信息，请阅读相关文档。

更新

在componentDidUpdate之后，它将不能正常工作。在这种情况下，可以使用ref以编程方式聚焦。

因为ref是special props中的一个，所以不能使用这种方式将ref转发到<TextInput>。因此，调用this.refs.passcode2将返回<PasscodeTextInput>。
尝试更改以下内容以从<TextInput>获取ref。

• • 密码文本输入. js**

const PasscodeTextInput = ({ inputRef, ... }) => {

  ...

  return (
    <View>
      <TextInput
        ref={(r) => { inputRef && inputRef(r) }}
        ...
      />
    </View>
    ...
  );
}

然后，将<PasscodeTextInput>中的inputRef分配给一个变量，并使用focus()切换焦点（从RN 0.41.2开始，它还未被弃用）。

• • 索引. ios. js**

return (
  <PasscodeTextInput
    autoFocus={true}
    onChangeText={(event) => { event && this.passcode2.focus() }} />

  <PasscodeTextInput
    inputRef={(r) => { this.passcode2 = r }}
    onChangeText={(event) => { event && this.passcode3.focus() }} />

  <PasscodeTextInput
    inputRef={(r) => { this.passcode3 = r }}
    onChangeText={(event) => { event && this.passcode4.focus() }} />

  <PasscodeTextInput
    inputRef={(r) => { this.passcode4 = r }} />
);

P. S：X11M11N1X防止在试图清除旧密码并输入新密码时切换焦点。

我们用不同的方法处理这种类型的屏幕。
我们没有管理4个单独的TextInput并处理每个TextInput之间的焦点导航（然后在用户删除字符时返回），而是在屏幕上使用单个TextInput，但宽度不可见（即0 px x 0 px），其中包含焦点、maxLength和键盘配置等。
这个TextInput接受用户的输入，但实际上不能被看到，因为每个字符都被键入，我们将输入的文本呈现为一系列简单的视图/文本元素，样式与上面的屏幕非常相似。
这种方法对我们来说很有效，不需要管理“下一个”或“上一个”TextInput要关注的内容。

您可以使用Jason所说的focus方法onChangeText，此外，添加maxLength={1}可以使您立即跳转到下一个输入，而无需检查添加了什么。（刚刚注意到它的deprecated，但这仍然是我解决问题的方法，在v0.36之前应该可以正常工作，并且link解释了您应该如何更新这个deprecated函数）。

<TextInput
   ref="first"
   style={styles.inputMini}
   maxLength={1}
   keyboardType="numeric"
   returnKeyType='next'
   blurOnSubmit={false}
   placeholderTextColor="gray"
   onChangeText={(val) => {
      this.refs['second'].focus()
   }}
  />
  <TextInput
   ref="second"
   style={styles.inputMini}
   maxLength={1}
   keyboardType="numeric"
   returnKeyType='next'
   blurOnSubmit={false}
   placeholderTextColor="gray"
   onChangeText={(val) => {
     this.refs['third'].focus()
   }}
  />
  ...

请注意，我对refs的使用也被弃用了，但我只是复制了代码，因为我可以向您保证，这在当时是有效的（希望现在也能有效）。
最后，这种类型实现的主要问题是，一旦你尝试用退格键删除一个数字，你的焦点就会跳到下一个数字，导致严重的用户体验问题。然而，你可以监听退格键输入，然后执行一些不同的操作，而不是关注下一个输入。所以如果你选择使用这种类型的实现，我会在这里留下一个link供你进一步研究。

以前描述的问题的破解方案：如果你在做任何事情之前检查onChangeText prop中输入的内容，如果值是number，你可以跳到下一个输入，否则（这是一个退格键），跳回去。（我刚刚想到这个主意，还没有尝试过。）

我认为问题是onSubmitEditing是当你按下普通键盘上的“回车”或“回车”键时...键盘上没有这样的按钮。
假设希望每个输入只有一个字符，可以查看onChangeText，然后检查text的长度是否为1，如果长度确实为1，则调用focus。

<TextInput 
    ref={input => {
          this.nameOrId = input;
        }}
    />


    <TouchableOpacity
      onPress={()=>{
        this.nameOrId.focus()
      }}
     >
      <Text>Click</Text>
    </TouchableOpacity>

我用这个代码来解决：常量验证代码：ReactFC =（{通过，完成时}）=〉{

const inputsRef = useRef<Input[] | null[]>([]);
      const [active, setActive] = useState<number>(0);

      const onKeyPress = ({ nativeEvent }: 
      NativeSyntheticEvent<TextInputKeyPressEventData>) => {
       if (nativeEvent.key === "Backspace") {
        if (active !== 0) {
          inputsRef.current[active - 1]?.focus();
          return setActive(active - 1);
        }
       } else {
          inputsRef.current[active + 1]?.focus();
          return setActive(active + 1);
       }
      return null;
     };

   return (
    <View style={styles.container}>
      <StyledInput
        onKeyPress={onKeyPress}
        autoFocus={active === 0}
        ref={(r) => {
          inputsRef.current[0] = r;
        }}
      />
      <StyledInput
        onKeyPress={onKeyPress}
        autoFocus={active === 1}
        ref={(r) => {
          inputsRef.current[1] = r;
        }}
      />
      <StyledInput
        onKeyPress={onKeyPress}
        autoFocus={active === 2}
        ref={(r) => {
          inputsRef.current[2] = r;
        }}
      />
      <StyledInput
        onKeyPress={onKeyPress}
        autoFocus={active === 3}
        ref={(r) => {
          inputsRef.current[3] = r;
        }}
      />
    </View>
 );
};

export default VerifyCode;

我在所有输入中放置了一个ref，当onKeyPress触发时，函数验证是否必须返回或转到下一个输入

通过删除autoFocus={true}并设置超时解决了这个问题。我有一个弹出窗口作为功能组件，并使用“current.focus（）”，引用如下：

const Popup = ({   placeholder,   autoFocus,   showStatus, }) => {  const inputRef = useRef(null);   useEffect(() => {
     Platform.OS === 'ios'
        ? inputRef.current.focus()
        : setTimeout(() => inputRef.current.focus(), 40);   }, [showStatus]);   return (
    <View style={styles.inputContainer}>
      <TextInput
        style={styles.inputText}
        defaultValue={placeholder}
        ref={inputRef}
      />
    </View>  };