Questão FC373455
Em um aplicativo móvel criado utilizando React Native, em condições ideais, um desenvolvedor precisa que um botão ocupe a largura total da tela, tenha um fundo azul e o texto branc
Desenvolvimento Web
FCC · 2024
Em um aplicativo móvel criado utilizando React Native, em condições ideais, um desenvolvedor precisa que um botão ocupe a largura total da tela, tenha um fundo azul e o texto branco centralizado. Para estilizar o botão no React Native, ele deve
- usar o objeto StyleSheet.create com propriedades como width: '100%', backgroundColor: 'blue" e color: 'white'.
- usar classes CSS tradicionais no arquivo .css vinculado ao componente com width: '100%", backgroundColor: blue e color: f$000000.
- adicionar os estilos width: 'auto', backgroundColor: 'blue' e color: #ffffff próprio arquivo JavaScript separado e importar como CSS.
- usar o atributo style diretamente no componente com as propriedades CSS width: auto, background-color: blue e color: blue e color: # FFF
- usar className, adicionar uma classe para os estilos no componente e formatar a classe com width: 'auto!, backgroundColor: 'blue' e color: #ffffff.
Mostrar resposta e comentário
Gabarito
A
Comentário do professor
Na prática do React Native os estilos são definidos em JavaScript, preferencialmente com StyleSheet.create, o que melhora organização e performance.
Para que um botão ocupe a largura total, use width: '100%' no estilo do componente envolvente (por exemplo, TouchableOpacity ou View).
O fundo azul é aplicado com backgroundColor: 'blue' no mesmo container.
O texto branco e centralizado deve estar no componente Text, usando color: 'white' e textAlign: 'center'.
Se o botão tem altura e alinhamento vertical, complemente com justifyContent e alignItems no container para garantir centralização completa.
Exemplo conciso: estilos via StyleSheet.create contendo width: '100%', backgroundColor: 'blue', e no Text color: 'white' e textAlign: 'center'.
Conteúdo do catálogo FC Concursos · Atualizado em