{"id":18480986,"url":"https://github.com/grupoudea/number-counter-app","last_synced_at":"2025-07-06T04:40:47.308Z","repository":{"id":173812395,"uuid":"651317649","full_name":"grupoudea/number-counter-app","owner":"grupoudea","description":null,"archived":false,"fork":false,"pushed_at":"2023-06-11T00:15:42.000Z","size":303,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-02-16T21:17:19.081Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/grupoudea.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-06-09T01:45:52.000Z","updated_at":"2023-06-09T01:47:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"400b8a89-0a5e-4bce-a768-b7d613fc3007","html_url":"https://github.com/grupoudea/number-counter-app","commit_stats":null,"previous_names":["grupoudea/number-counter-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grupoudea%2Fnumber-counter-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grupoudea%2Fnumber-counter-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grupoudea%2Fnumber-counter-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/grupoudea%2Fnumber-counter-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/grupoudea","download_url":"https://codeload.github.com/grupoudea/number-counter-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254011983,"owners_count":21999181,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-06T12:21:30.507Z","updated_at":"2025-05-13T19:27:24.176Z","avatar_url":"https://github.com/grupoudea.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Comandos\n\n## crar proyecto\n\nnpx react-native init \u003cPROJECT_NAME\u003e --template react-native-template-typescript\n\n## ejecutar\n\nnpx react-native run-android\n\n## Layout with flexbox\n\n### Flex direction: column (default)\n\nTiene el eje principal (main-axis) y el eje transversal (cross-axis). Al ser una columna, su main-axis es de arriba-abajo (top-bottom) y su cross-axis es de izquierda-derecha. \n\n### Flex direction: row\n\nTiene su main-axis de izquierda-derecha (letf-right) y su cross-axis de arriba-abajo. \n\n\n### Flex\nIndica como los items se van a llenar.\n\n### Flex direction\n\ncontrola la dirección en la que se disponen los elementos secundarios de un nodo. \n\n- column: viene por defecto. Alinea a los hijos de arriba a abajo. \n- row: Alinea a los hijos de izquierda a derecha. \n- column-reverse: alinea a los hijos de abajo a arriba. \n- row-reverse: alinea a los hijos de derecha a izquierda. \n\n\n### justify-content - MAIN-AXIS\n\nDescribe como se alinearan los items dentro del eje principal de su contenedor. \n\n- flex-start: viene por defecto. Alinea a los hijos al inicio del eje principal del contenedor.\n- flex-end: alinea a los hijos al final del eje principal del contenedor.\n- center: alinea a los hijso al centro del eje principal del contenedor.\n- space-between: Los distribuye uniformemente a lo largo del eje principal del contenedor, dejando el espaciado uniforme entre ellos.\nDemostración. \n![sp-bw](/docs/img/space-between.jpg)\n- space-around: Distribuye el espacio al rededor de los hijos, en otras palabras, los hijos tendran un espaciado uniforme arriba y abajo y no solo entre ellos.  \nDmostración:\n![sp-ar](/docs/img/space-around.jpg)\n- space-evenly: Distribuye el espacio entre ellos teniendo en cuenta el borde del de inicio principal y el primer elemento y el borde extremo principal y el ultimo elemento. \n![sp-el](/docs/img/space-around.jpg)\n\n### Align items - CROSS-AXIS\nEs similar a justify content, pero en lugar de alinear a los hijos en el eje principal del contenedor, los alinea en el eje transversal. \n\n- stretch: Viene por defecto. Estira los elementos de un contenedor para que coincida con el tamaño del eje transversal (cross axis).\n- flex-start: alinea los elementos hijos de un contenedor al inicio del cross-axis.\n- flex-end: alinea los hijos de un contenedor al final del eje transversal.\n- center: alinea los elementos hijos de un contenedor en el centro del eje transversal.\n- baseline: alinea los hijos de un contenedor a lo largo de una linea base comun. \n\n### Align self\nTiene las mismas opciones y efectos que Align items, pero, en lugar de aplicarse a los hijos de un contenedor se aplica a un hiji individual, para cambiar su alineación con el padre.  ","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrupoudea%2Fnumber-counter-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgrupoudea%2Fnumber-counter-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgrupoudea%2Fnumber-counter-app/lists"}