Блог

Я работаю над редактированием темы для нашего приложения и заметил кое-что очень странное. Я пытаюсь отредактировать цвет границы входного компонента, пока он находится в фокусе. Однако, похоже, ничто не отменяет заданный цвет по умолчанию. Мне интересно, это ошибка или я просто что-то упускаю. Пример ниже

 export const theme = extendTheme({
components: {

    Input: {
        baseStyle: {
            borderColor: baseColors.flamingo, <--this works
            borderRadius: 20,
            backgroundColor: 'white',
            _focus: {
                borderColor: baseColors.flamingo, <--this doesn't work
                backgroundColor: baseColors.flamingo <-- this does work
            }
        },
    },
 

Нашел решение:

добавьте это в объект компонента. _focus-это реквизит, а не ключ стиля

 defaultProps: {
                _focus: {
                    style: {
                        borderColor: baseColors.flamingo
                    }
                }
            }