Обновить конфигурацию темы, исправить ошибки отображения и улучшить пользовательский интерфейс.
This commit is contained in:
44
BUG_FIX_LINEHIGHT.md
Normal file
44
BUG_FIX_LINEHIGHT.md
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
# Исправление ошибки lineHeight
|
||||||
|
|
||||||
|
## Проблема
|
||||||
|
При запуске приложения на iOS возникала ошибка:
|
||||||
|
```
|
||||||
|
Cannot read property 'lineHeight' of undefined
|
||||||
|
```
|
||||||
|
|
||||||
|
Ошибка происходила в компоненте Searchbar из React Native Paper при попытке получить доступ к настройкам шрифтов темы.
|
||||||
|
|
||||||
|
## Причина
|
||||||
|
В нашей кастомной темной теме не были определены настройки шрифтов (fonts). React Native Paper ожидает наличие конфигурации шрифтов с различными вариантами (displayLarge, bodyMedium и т.д.), каждый из которых должен содержать свойство lineHeight.
|
||||||
|
|
||||||
|
## Решение
|
||||||
|
Добавлены полные настройки шрифтов в тему:
|
||||||
|
|
||||||
|
1. Импортирован `configureFonts` из react-native-paper
|
||||||
|
2. Создана базовая конфигурация шрифтов с учетом платформы (iOS/Android)
|
||||||
|
3. Определены все необходимые варианты шрифтов с правильными значениями:
|
||||||
|
- fontSize
|
||||||
|
- lineHeight
|
||||||
|
- letterSpacing
|
||||||
|
- fontFamily
|
||||||
|
|
||||||
|
## Изменения в коде
|
||||||
|
|
||||||
|
```typescript
|
||||||
|
// Добавлены настройки шрифтов
|
||||||
|
fonts: configureFonts({
|
||||||
|
config: {
|
||||||
|
...baseFont,
|
||||||
|
bodyLarge: {
|
||||||
|
...baseFont,
|
||||||
|
fontSize: 16,
|
||||||
|
lineHeight: 24,
|
||||||
|
letterSpacing: 0.15,
|
||||||
|
},
|
||||||
|
// ... остальные варианты
|
||||||
|
},
|
||||||
|
}),
|
||||||
|
```
|
||||||
|
|
||||||
|
## Результат
|
||||||
|
Ошибка устранена, компонент Searchbar и другие компоненты React Native Paper теперь корректно работают с темой.
|
Reference in New Issue
Block a user