Curso de React Native - Curso de React Native - Parte 07: Layout com Flexbox

Aprenda a programar - Confira em: https://hotm.art/pacote-aprenda-a-programar Neste vídeo você vai aprender como fazer layout com flexbox. Um componente pode especificar o layout de seus filhos usando o algoritmo flexbox. O Flexbox foi projetado para fornecer um layout consistente em diferentes tamanhos de tela. Você normalmente usará uma combinação de flexDirection, alignItems e justifyContent para obter o layout correto. Flex Direction Adicionar flexDirection ao estilo de um componente determina o eixo principal de seu layout. Os componentes filhos devem ser organizados horizontalmente (linha) ou verticalmente (coluna)? O padrão é coluna. Justify Content Adicionar justifyContent ao estilo de um componente determina a distribuição dos componentes filhos ao longo do eixo primário. Os componentes filhos devem ser distribuídos no início, no centro, no final ou espaçados uniformemente? As opções disponíveis são flex-start, center, flex-end, space-around, space-between e space-evenly. Align Items Adicionar alignItems ao estilo de um componente determina o alinhamento dos componentes filhos ao longo do eixo secundário (se o eixo primário for linha, o secundário será coluna e vice-versa). Os componentes filhos devem estar alinhados no início, no centro, no final ou esticados para preencher? As opções disponíveis são flex-start, center, flex-end e stretch. Você vai aprender com um exemplo prático, fácil de entender, para que você possa absorver o conceito. Esta é a sétima parte do curso de React Native gratuito, que busca ser completo para que você possa entender como criar aplicativos para android e ios utilizando código javascript e react.