Eu gostaria de entender melhor o pq de ser importante definir que seja flex: 1 na View da tela (SafeAreaView). Como assim "isso quer dizer que o tamanho do flex será sempre o da tela inteira"? Eu não entendi essa explicação, alguém pode me esclarecer?
Fala, Gustavo ! Tudo bem ?
De forma resumida, a propriedade flex definirá como seus itens serão preenchidos sobre a área disponível ao longo do seu eixo principal. Esse espaço será dividido levando em conta cada propriedade flex de cada elemento. Ou seja, a propriedade flex vai determinar como a visualização preenche a tela.
Então se utilizamos apenas um elemento com uma propriedade flex:1, a visualização ocupará uma tela inteira, porque o espaço está sendo dividido em um grupo apenas (1/1), portanto ele irá ocupar 100% da tela. Mas, se tivesse mais elementos com a propriedade flex eles iriam dividir a tela entre eles.
Tem um artigo aqui da alura bem legal sobre esse assunto React Native: posicionando elementos com Flex , em que nele explica mais sobre essa propriedade e as diferenças quando temos mais elementos, acho que voce vai gostar bastante.
Eu espero que tenha ajudado e qualquer coisa estou por aqui.