NativeBase Input组件聚焦边框颜色异常，需修改哪个样式参数？

Native Base的Input组件在聚焦状态下的边框颜色，并不是通过通用的borderColor控制的，而是需要设置专门的**focusBorderColor**参数。

原因是组件内部默认会在聚焦时覆盖borderColor的值，改用focusBorderColor来定义聚焦状态的边框样式。

示例代码：

import { Input } from 'native-base';

// 自定义包装组件示例
const CustomInput = () => {
  return (
    <Input
      // 普通状态边框颜色
      borderColor="gray.300"
      // 聚焦状态边框颜色（设置你需要的目标颜色）
      focusBorderColor="blue.500"
      placeholder="请输入内容"
    />
  );
};

你也可以通过_focus样式变体实现更细粒度的控制：

<Input
  _focus={{
    borderColor: "blue.500",
    // 可同时调整其他聚焦样式，比如阴影
    boxShadow: "0 0 0 2px blue.300"
  }}
/>

这两种方式都能正确覆盖组件聚焦时的边框颜色，解决参数不生效的问题。

内容的提问来源于stack exchange，提问作者tomcajot