Alternativa A
Análise da Questão
Esta questão avalia o conhecimento sobre estilização e herança de props no framework React Native, especificamente sobre como os componentes <View> e <Text> interagem quando combinados.
Comportamento dos Estilos em React Native
Para entender a saída do código, precisamos analisar como o React Native trata estilos e cores:
- Componente
<View> (Container):
- O código define
const styles = StyleSheet.create({ ... }). - A classe
.container atribui backgroundColor: 'red' e marginTop: 50. - Isso significa que o retângulo criado pela
View terá um fundo vermelho e começará com uma margem superior de 50 pixels.
- Componente
<Text> (Conteúdo):
- O texto "Texto" está inserido dentro do
<View>. - Não há propriedades de estilo aplicadas diretamente ao componente
<Text> (nem via style inline, nem via StyleSheet). - Regra de Ouro: No React Native, a cor do texto (
color) não herda automaticamente a cor de fundo (backgroundColor) do pai. Se nenhuma cor for especificada, a cor padrão do texto é preta.
Tabela Comparativa de Estilos
| Propriedade | Definida no Código? | Valor Resultante | Explicação |
|---|
| Fundo do Container | Sim (View) | Red (Vermelho) | Aplicado à View via backgroundColor. |
| Cor do Texto | Não (Text) | Black (Preto) | Valor padrão do componente Text. |
| Posição Vertical | Sim (View) | marginTop: 50 | Desloca o conteúdo para baixo. |
Por que as outras alternativas estão incorretas?
- Alternativa B: Afirma que o texto estará no canto superior direito. Como o texto está dentro de um View com
marginTop: 50, ele não estará no topo absoluto da tela. - Alternativa C: Afirma que não haverá texto. Isso é falso, pois o componente
<Text> contém a string "Texto". - Alternativa D: Afirma que haverá erro. O código é sintaticamente correto e funcional; React Native não gera erro por falta de estilo no
<Text>. - Alternativa E: Afirma que a fonte será vermelha. Isso ocorreria apenas se houvesse
color: 'red' definido no <Text> ou se a herança funcionasse de forma diferente (o que não é o caso padrão para mudar a cor do texto baseada no fundo do pai).
Conclusão
O resultado visual será um fundo vermelho (definido na View) com o texto "Texto" escrito em preto (padrão) sobre esse fundo.
Portanto, a Alternativa A é a correta.