Saltar al contenido

Configurar un diseño de tabla en React Native

Investigamos en diferentes espacios y así traerte la solución para tu problema, si continúas con alguna difcultad puedes dejarnos tu pregunta y te contestamos porque estamos para ayudarte.

Solución:

Puedes hacer esto sin ningún paquete. Si cada fila es exactamente igual, hacer lo siguiente debería resolver su problema;

export default class Table extends Component 
    renderRow() 
        return (
            
                  /* Edit these as they are your cells. You may even take parameters to display different data / react elements etc. */
                
                
                
                
            
        );
    

    render() 
        const data = [1, 2, 3, 4, 5];
        return (
            
            
                data.map((datum) =>  // This will render a row for each data element.
                    return this.renderRow();
                )
            
            
        );
    

Después de buscar aquí las respuestas, descubrí una biblioteca realmente excelente que se comporta de manera muy similar a las tablas de Bootstrap. He encontrado que el diseño con React Native es muy desafiante, pero esta biblioteca ofrece resultados de diseño predecibles.

React Native Easy Grid

Estoy de acuerdo en que las tablas flexibles básicas deben integrarse en React Native, pero hasta que lo estén, esta biblioteca funcionó muy bien para mí.

Aunque es una publicación anterior, estaba buscando algo similar en la pregunta,

Hice una lluvia de ideas y busqué en Internet la solución y la mejor solución que obtuve fue importar el Reaccionar-nativo-tabla-componente paquete a mi proyecto y preparar un diseño de tabla decente para que mi aplicación muestre datos. Puede haber muchas más almas que descubran una manera de hacer esto y puedo recomendar este enlace a todas sus respuestas: Este enlace es el enlace del instalador del paquete npm que tiene una explicación de todo el código y tiene ejemplos.

Recuerda algo, que puedes reseñar si acertaste tu contratiempo .

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *