callstack / callstack/react-native-paper
RadioButton.Item / Checkbox.Item additional props for <Text> element
- Langage dominant
- TypeScript
- Étoiles
- 14.5k
- Forks
- 2.2k
- Merge moyen
- 5 j 23 h
- PR mergées (30 j)
- 12
Description
Version: `5.11.0`
When using the RadioButton.Item and Checkbox.Item components, I cannot find a way to pass through props for the underlying component used for the labels, such as `adjustsFontSizeToFit`, `allowFontScaling` and `numberOfLines`.
This make it difficult to cater for longer label names, especially when dealing with different device sizes and OS text scaling options in Android. At present they are simply cut off, without any indication that the text continues.
Implementation options could include:
1. Provide a `labelTextProps` prop, which would allow passing through props to the component, similar to the way `labelStyle` is offered to pass through additional styles
2. Allow the current `label` prop to be either a string or a ReactNode so that users can override the implementation with something of their own creation
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Start at the RadioButton.Item and Checkbox.Item component entry points and inspect how their label and labelStyle props reach the underlying Text element. Compare both implementations, then verify that the requested text props or custom label rendering work for longer labels and text scaling without breaking existing usage.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- react-native, typescript
- Domaine
- frontend, mobile
- Type d'issue
- Fonctionnalité
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 38/100