Saisie item sous taches #6

Closed
opened 2026-02-27 11:54:55 +00:00 by maximus · 4 comments
Owner

Lorsqu'on ajoute un item dans les sous taches, on le perd de vue sous le clavier. Il faudrait centrer la saisie

Lorsqu'on ajoute un item dans les sous taches, on le perd de vue sous le clavier. Il faudrait centrer la saisie
Author
Owner

Corrigé dans le commit 72eafbd :

  • Wrap du ScrollView dans un KeyboardAvoidingView (padding sur iOS, height sur Android)
  • Ajout d'un scrollToEnd() automatique sur focus du champ sous-tâche (avec délai 300ms)
  • Spacer augmenté de h-24 à h-32
  • Appliqué sur app/task/[id].tsx et app/task/new.tsx
Corrigé dans le commit `72eafbd` : - Wrap du `ScrollView` dans un `KeyboardAvoidingView` (`padding` sur iOS, `height` sur Android) - Ajout d'un `scrollToEnd()` automatique sur focus du champ sous-tâche (avec délai 300ms) - Spacer augmenté de `h-24` à `h-32` - Appliqué sur `app/task/[id].tsx` et `app/task/new.tsx`
Author
Owner

le probleme initial persiste, lorsque j'ajoute une nouvelle sous-tache, je ne vois pas ce que je saisie puisque ca reste caché derriere le clavier digital plutôt qu'être centré

le probleme initial persiste, lorsque j'ajoute une nouvelle sous-tache, je ne vois pas ce que je saisie puisque ca reste caché derriere le clavier digital plutôt qu'être centré
maximus reopened this issue 2026-03-01 14:22:34 +00:00
Author
Owner

Correctif appliqué dans app/task/[id].tsx et app/task/new.tsx :

  • Remplacé scrollToEnd() (aveugle) par scrollTo() vers la position Y exacte du champ de saisie
  • La position est capturée via onLayout sur le conteneur du champ sous-tâche
  • Scroll à y - 80px pour garder le contexte visible (label + sous-tâches existantes)

À tester sur Android pour valider que le champ reste visible au-dessus du clavier.

Correctif appliqué dans `app/task/[id].tsx` et `app/task/new.tsx` : - Remplacé `scrollToEnd()` (aveugle) par `scrollTo()` vers la position Y exacte du champ de saisie - La position est capturée via `onLayout` sur le conteneur du champ sous-tâche - Scroll à `y - 80px` pour garder le contexte visible (label + sous-tâches existantes) À tester sur Android pour valider que le champ reste visible au-dessus du clavier.
Author
Owner

Validé — le fix utilise désormais KeyboardAwareScrollView de react-native-keyboard-controller avec bottomOffset={20} dans app/task/[id].tsx et app/task/new.tsx. Le champ de saisie des sous-tâches scroll automatiquement au-dessus du clavier. Fermeture de l'issue.

Validé — le fix utilise désormais `KeyboardAwareScrollView` de `react-native-keyboard-controller` avec `bottomOffset={20}` dans `app/task/[id].tsx` et `app/task/new.tsx`. Le champ de saisie des sous-tâches scroll automatiquement au-dessus du clavier. Fermeture de l'issue.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: maximus/simpl-liste#6
No description provided.