iOS has wrapper around the picker when setting background colour

Abierto
  • ¿Algo no está bien?
#1,001 2 comentarios 4 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
48/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
ios, javascript, react-native
Área
frontend, mobile

Línea de trabajo

Start by reading the iOS implementation of the compact DateTimePicker and the package’s styling documentation; the issue gives no source file or failing test to start from. Reproduce the reported background color with the provided component props and compare how the picker renders for different date lengths. Done means the picker background appears consistent without light side areas across those date lengths.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

When adding a background colour to the DateTimePicker, it is almost as if the picker itself is a separate element. I would have expected the DateTimePicker's background to be the same colour throughout, not have light parts on the sides that make it seem like there's a wrapper view around it. This also differs on the length of the input date. Any ideas on how to fix? See screenshots and code below

Image Image 
<DateTimePicker
    style={SharedStyles.datePicker}
    display={Platform.OS === 'android' ? 'calendar' : 'compact'}
    textColor='#002A32'
    accentColor='#002A32'
    themeVariant="light"
    testID="dateTimePicker"
    value={date}
    mode={'date'}
    maximumDate={currentDate}
    onChange={setPickedDate}
/>

// Style
datePicker: {
    borderRadius: 10,
    backgroundColor: '#FFCF70',
    color: '#002A32',
},

// In package.json
"@react-native-community/datetimepicker": "^8.4.1",
Lenguaje dominante
JavaScript
Estrellas
2.9k
Forks
459
Merge medio
4 d 16 h
PR fusionados (30 d)
5

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de react-native-datetimepicker/datetimepicker

Todos los issues de react-native-datetimepicker/datetimepicker

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.