Feature/purchases#5
Conversation
| const PurchasesNavigator = createNativeStackNavigator<PurchasesParamList>(); | ||
| const AppNavigator = createDrawerNavigator(); | ||
|
|
||
| const StoreFlow = () => { |
There was a problem hiding this comment.
Podrias llamarlo StoreNavigator o incluso StoreScreen que es como lo llaman en la documentación. Mas que nada para que a primera vista se entienda que es lo que estas definiendo
Una buena practica es tener estos Navigators en archivos separados, en el caso de que tengas varios mas te hace mucho ruido definirlos todos en el mismo archivo. Lo ideal es que App.tsx te quede lo mas limpio posible
There was a problem hiding this comment.
A que te referis?
Al AppNavigator? Le puse App para diferenciarlo de la store que sería solo la parte de comprar.
Al StoreFlow? Pensé que se nombraban así, en el curso en la app de tracks hacen eso. Avísame y lo cambio.
There was a problem hiding this comment.
Perdón, no fui claro. Me referia al StoreFlow si
Olvidate de los nombres que te dije, porque mirando la doc otra vez vi que los nombra como quiere
Lo que si estaría bueno es eso de dividir ese componente para que no quede tan pesado, de la forma que te comenté arriba
|
|
||
| return ( | ||
| <SafeAreaView style={{flex: 1}}> | ||
| <SafeAreaView edges={['right', 'bottom', 'left']} style={{flex: 1}}> |
There was a problem hiding this comment.
Ese left lo pones por algo en particular?
There was a problem hiding this comment.
sea puse todos menos el top, porque sino queda un margen que se pone automáticamente
There was a problem hiding this comment.
Esta pantalla mantiene el header de react navigation no?
Por eso es que no usas el top ?
| import {colors} from '../../shared/colors'; | ||
| import {Purchase} from '../types/Purchase'; | ||
|
|
||
| export const PurchaseListItem = ({purchase}: {purchase: Purchase}) => { |
There was a problem hiding this comment.
Te dejo por acá la forma de definir componentes y pasarle Props de la documentación de RN https://reactnative.dev/docs/typescript
Básicamente los define como Functional Components de React y define el tipo de las props que le pasa el componente. Esta bueno seguir estos ejemplos de las doc porque seguramente lo vas a ver así en muchos proyectos
There was a problem hiding this comment.
uh no la tenía
Muchas gracias!
There was a problem hiding this comment.
lo puse en CartItem que tiene 3 parámetros
2 participants
No description provided.