Skip to main content
se añadieron 298 caracteres en el cuerpo
Origen Enlace
fabrixo96
  • 216
  • 1
  • 10

Queria tener una lista de fechas marcadas y no una lista de componentes calendario,al momento de hacer la pregunta habia un blucle de componentes calendario por cada fecha que habia.

Para solucionarlo se logro solucionarcreo un objeto de markedDates usando la siguiente forma:funcion forEach que recorre la base de datos y despues se pasa como apoyo al CalendarList

render() {
    const markedDates = {};
this.state.usuarios.forEach((usuarioTemp) => {
    markedDates[usuarioTemp.date] = {
        selected: true,
        disableTouchEvent: true,
        selectedColor: "orange",
        selectedTextColor: "red",
     };
});
    return (
      <View style={styles.container}>

      
    <CalendarList markedDates={markedDates} />
        
       
      </View>
    );
  }

se logro solucionar de la siguiente forma:

render() {
    const markedDates = {};
this.state.usuarios.forEach((usuarioTemp) => {
    markedDates[usuarioTemp.date] = {
        selected: true,
        disableTouchEvent: true,
        selectedColor: "orange",
        selectedTextColor: "red",
     };
});
    return (
      <View style={styles.container}>

      
    <CalendarList markedDates={markedDates} />
        
       
      </View>
    );
  }

Queria tener una lista de fechas marcadas y no una lista de componentes calendario,al momento de hacer la pregunta habia un blucle de componentes calendario por cada fecha que habia.

Para solucionarlo se creo un objeto de markedDates usando la funcion forEach que recorre la base de datos y despues se pasa como apoyo al CalendarList

render() {
    const markedDates = {};
this.state.usuarios.forEach((usuarioTemp) => {
    markedDates[usuarioTemp.date] = {
        selected: true,
        disableTouchEvent: true,
        selectedColor: "orange",
        selectedTextColor: "red",
     };
});
    return (
      <View style={styles.container}>

      
    <CalendarList markedDates={markedDates} />
        
       
      </View>
    );
  }
Origen Enlace
fabrixo96
  • 216
  • 1
  • 10

se logro solucionar de la siguiente forma:

render() {
    const markedDates = {};
this.state.usuarios.forEach((usuarioTemp) => {
    markedDates[usuarioTemp.date] = {
        selected: true,
        disableTouchEvent: true,
        selectedColor: "orange",
        selectedTextColor: "red",
     };
});
    return (
      <View style={styles.container}>

      
    <CalendarList markedDates={markedDates} />
        
       
      </View>
    );
  }