feat: modernize Badge according to MD3
Los mantenedores suelen responder en 2 días
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 58/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Tranquilo
- Stack tecnológico
- react-native, typescript
- Área
- mobile
Línea de trabajo
Comienza con el componente Badge existente y compara su tamaño actual, padding, tipografía y comportamiento de overflow con las especificaciones de badges de Material Design 3 enlazadas. Se considera terminado cuando los badges sin hijos se renderizan como puntos de 6dp, los badges con etiquetas como pills de 16dp, el espaciado y el tamaño del texto utilizan los valores especificados, y las etiquetas largas respetan el límite de 16x34dp.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
The goal is to modernize the Badge component to the latest Material Design specs by reusing theme tokens (shape, typography, colors etc).
Current state
Badge
MD3 spec: Badges
Specs link: https://m3.material.io/components/badges/specs
Color tokens
- Background
error✅ - Label text
onError✅
Spacing / sizing
- Default
sizeis 20dp. MD3 defines small badge at 6dp (no label) and large badge at 16dp (with label) - No small/large distinction. Size should be determined automatically: 6dp when no children, 16dp when children are present
-
paddingHorizontal: 3. Spec requires 4dp between badge edge and text -
fontSize = size * 0.5yields 8sp at 16dp. Spec requires 11sp for large badge label text - Large badge max character count size (16x34dp) not handled; text currently overflows unconstrained
Behavior
- No automatic small vs large variant. Component should render as a 6dp dot when childless and as a 16dp pill when a label is provided
- Lenguaje dominante
- TypeScript
- Estrellas
- 14.5k
- Forks
- 2.2k
- Merge medio
- 3 d 22 h
- PR fusionados (30 d)
- 8
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de callstack/react-native-paper
-
Menu ignores the keyboard when it mounts while the keyboard is already openPosiblemente ocupada @manchoudhary la tomó hace 19 días. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
callstack/react-native-paper#5096 ·
Los mantenedores suelen responder en 2 días
-
Color Picker Popup Is Obscured On "Guides -> Theming -> Creating Dynamic Theme Colors" Documentation On Both v5 and v6Posiblemente ocupada @fatihcvs la tomó hace 14 días. Abiertobug
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
callstack/react-native-paper#5093 ·
Los mantenedores suelen responder en 2 días
-
Tooltip: onPress event object is not propagated to parent component on nativePosiblemente ocupada @Shevilll la tomó hace 106 días. Abiertobug
Dificultad 2/5 1-3 horas Aptitud para principiantes 74/100
callstack/react-native-paper#5003 ·
Los mantenedores suelen responder en 2 días
-
Snackbar stays mounted after `visible=false` under new architecture (iOS + Android)Posiblemente ocupada @momomuchu la tomó hace 94 días. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
callstack/react-native-paper#4951 ·
Los mantenedores suelen responder en 2 días
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
callstack/react-native-paper#4881 ·
Los mantenedores suelen responder en 2 días
Todos los issues de callstack/react-native-paper
Issues similares
-
[Bug] The shared instance selector's placeholder and no-match text ignore the display languagePosiblemente ocupada Un pull request vinculado a esta issue está abierto o ya se fusionó. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 90/100
apache/rocketmq-dashboard#5561 ·
Los mantenedores suelen responder en 3 días
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
CopilotKit/OpenDots#69 ·
Los mantenedores suelen responder en 1 día
-
sendDefaultPii is reported as deprecated on ReactNativeOptions although dataCollection is hiddenAbiertoBug React-Native Waiting for: Product Owner
Dificultad 2/5 1-3 horas Aptitud para principiantes 85/100
getsentry/sentry-react-native#6830 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
OSCI'26
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
GauravKarakoti/SecureFlow#1215 ·
Los mantenedores suelen responder en 1 día
-
[quality] bundle e2e never drives plain /close or the /milestone refusals through dist/index.jsPosiblemente ocupada @hivecommons-hive la tomó hoy. Abiertoagent/quality hive/covered-by-pr hive/hosted-available-lke648397-260827-5q9t kind/cleanup quality testing
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
cncf/prow-github-actions#295 · 1 comentario ·
Los mantenedores suelen responder en 1 día