Questão de Tecnologia da Informação · FCC TRT20 2024 (nº 46)

No React Native, a estilização dos componentes é feita utilizando objetos JavaScript, e não arquivos CSS tradicionais. A forma mais recomendada para criar e gerenciar esses estilos é através do StyleSheet.create, que otimiza o desempenho e a legibilidade.

• (A) Correta: StyleSheet.create é a forma idiomática e performática de definir estilos em React Native. As propriedades width: '100%' (string porque é uma porcentagem), backgroundColor: 'blue' e color: 'white' (camelCase para propriedades CSS e valores válidos) são as corretas para atingir os requisitos.
• (B) Incorreta: React Native não utiliza classes CSS tradicionais nem arquivos .css. Esta é a principal pegadinha para desenvolvedores web, pois o ambiente de estilização é JavaScript-based. Além disso, color: #000000 é preto, não branco.
• (C) Incorreta: Embora os estilos sejam definidos em arquivos JavaScript, eles não são "importados como CSS". São objetos JavaScript que são passados para a propriedade style dos componentes. width: 'auto' não garante a largura total da tela.
• (D) Incorreta: Usar o atributo style diretamente é possível (estilos inline), mas não é a melhor prática para estilos complexos ou reutilizáveis. Mais importante, as propriedades CSS devem ser escritas em camelCase no React Native (ex: backgroundColor, não background-color) e width: auto não preenche a largura total.
• (E) Incorreta: className é um atributo usado em HTML/React para web e não existe em React Native para estilização. Em React Native, usa-se a propriedade style. width: 'auto' também não garante a largura total.