Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

266
Vistas
How to use React-native-super-grid as a Component
import { FlatGrid } from 'react-native-super-grid';


class Grid extends React.Component () {
    
export default function Example() {

I just write until here.. But, don't work... What I have to do ..

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

You have to return a valid response from the component. For example, if you want to make a Component using FlatGrid you can use this structure:

import { View } from 'react-native';
import { FlatGrid } from 'react-native-super-grid';


export default function Example() {
  return(  
    <View>
      <FlatGrid
        itemDimension={130}
        data={[1,2,3,4,5,6]}
        renderItem={({ item }) => (<Text>{item}</Text>)}
      />
    </View>
  )
}

And also I see you are using a class class named Grid that is extending the React.Component () and from your code I see you are not importing the React from react so in order to use the class you have to use:

import React from 'react';
import { View } from 'react-native';
import { FlatGrid } from 'react-native-super-grid';

export default class Grid extends React.Compoment {
  render(){
    return(
      <View>
        <FlatGrid
          itemDimension={130}
          data={[1,2,3,4,5,6]}
          renderItem={({ item }) => (<Text>{item}</Text>)}
        />
      </View>
    )
  }
}
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda