更改输入组件的 NativeBase 主题中的字体大小

Question

我使用 NativeBase Input Component and Costume Theme，我尝试更改我的服装主题中输入组件的字体大小我已经在以下示例中尝试更改它，但它没有改变。

如何更改服装主题中输入组件的字体大小？

示例 1：

const themeOne = extendTheme({
  components: {
    Input: {
      baseStyle: {
        style: { color: "white", fontSize: "20" },
      },
    },
  },
});

示例 2：

const themeOne = extendTheme({
  components: {
    Input: {
      baseStyle: {
        style: { color: "white"},
        fontSize: "20",
      },
    },
  },
});

Answer 1

您可以使用 defaultProps。详细了解 customizing Input component。

const theme = extendTheme({
    components: {
      Input: {
        baseStyle: {
          color: 'red.400',
        },
        defaultProps: { size: '2xl' },
      },
    },
  });