我該如何重新聚焦<textinput>事件之后？</textinput>

Question

當屏幕加載時，我使用以下代碼來關注一個：

useEffect(() => {
  InteractionManager.runAfterInteractions(() => {
    if (refText.current) {
      refText.current.focus();
    }
  });
}, []);

這按預期工作。 但是，在提交事件上，需要再次關注。

function myEvent() {
  if (refText.current) {
    refText.current.focus();
  }
}

此處不再關注正文。 有任何想法嗎？

Answer 1

實際上，我不知道為什么您需要在提交處理程序中使用if語句來將焦點設置在TextInput上，但無論如何，我假設您的Button聲明中有一個事件處理程序。 例如：

function App() {
  const textRef = useRef();

  const handleSubmit = () => {
    if (textRef.current) textRef.current.focus();
  };

  return (
    <View>
      <TextInput placeholder="Input" ref={textRef}/>
      <Button title="Submit" onPress={handleSubmit} />
    </View>
  );
}
});

正如您在這個Sandbox中看到的那樣，它工作正常。