老实说，如果不使用onFocus和onBlur，我看不出有什么好方法可以做到这一点。您的isFocused变量仅在组件重新呈现时更新，这就是您看到不喜欢的行为的原因。
你可以尝试一下，但我不确定它是否理想，或者是否会产生预期的结果：

export const Input = ({
  children,
  ...props
}: PropsWithChildren<InputProps>) => {
  const { themeStyles } = useContext(ThemeContext);
  const { styles } = useStyles(themeStyles);
  const inputRef = useRef<TextInput>(null);
  // const isFocused = inputRef.current?.isFocused(); // not working properly

  return (
    <View style={[styles.inputContainer]}>
      <TextInput ref={inputRef} {...props} style={[styles.input, inputRef.current?.isFocused() && styles.blueText]}>
        {children}
      </TextInput>
    </View>
  );
};

我不知道您的限制是什么，但根据您的描述，我可能会尝试将传递给Input的onFocus和onBlur属性与设置所需样式的内部函数合并。就像这样：

export const Input = ({
  children,
  onFocus,
  onBlur,
  ...props
}: PropsWithChildren<InputProps>) => {
  const { themeStyles } = useContext(ThemeContext);
  const { styles } = useStyles(themeStyles);
  const inputRef = useRef<TextInput>(null);

  const [focusedStyle, setFocusedStyle] = useState(undefined);
  
  const onInputFocus = useCallback((e) => {
    onFocus(e);
    setFocusedStyle(styles.blueText);
  }, [onFocus]);
  const onInputBlur = useCallback((e) => {
    onBlur(e);
    setFocusedStyle(undefined);
  }, [onBlur]);

  return (
    <View style={[styles.inputContainer]}>
      <TextInput ref={inputRef} {...props} style={[styles.input, focusedStyle]} onFocus={onInputFocus} onBlur={onInputBlur}>
        {children}
      </TextInput>
    </View>
  );
};

或者，您是否考虑过使用像React Native Paper这样的库？它的TextInput组件为您处理了这一点，并为聚焦/非聚焦样式公开了 prop 。