Uma parte crucial do React
Native são esses componentes que são incorporados ao
React Native porque, como você aprendeu na primeira seção deste curso, esses são componentes
especiais para os quais o React Native sabe como traduzir, como compilá-los para widgets da plataforma nativa e só pode usar
esses componentes em aplicativos React Native.
Você pode construir seus próprios componentes, mas estes, no final, também precisam ser compostos desses componentes
internos,
você não pode usar divs ou parágrafos ou algo assim.
Então nós temos que trabalhar com os que foram construídos no React Native porque lá o
React Native sabe como traduzi-los e lá, temos coisas como a visão, texto, botão, entrada de
texto palpável, imagem, estes são alguns dos componentes que
você verá Ao longo deste curso, há mais e vamos ver muitos deles ao
longo do curso e você aprenderá a trabalhar com eles, como configurá-los e como compor boas interfaces de usuário com a ajuda desses componentes.
Agora você, como acabei de mencionar, é claro, construa suas interfaces de usuário, seus componentes personalizados com
a ajuda desses componentes internos aqui, para que você componha sua interface de usuário, seus componentes a partir desses componentes
internos e pareça algo como isto . Você constrói seu próprio componente de título, pegando os componentes internos
e misturando-os e combinando-os para obter a aparência ou o componente que você precisa. O estilo também é uma parte importante
nos aplicativos React Native e é importante entender que o React Native não
usa tecnologias da Web, não usa HTML, usa JavaScript sem dúvida, mas não usa HTML e
também não usa CSS, então o CSS que você usa para modelar na web não é suportado
no React Native, mas dá a você comandos de estilo, configuração de estilo que você pode adicionar aos seus componentes, para
esses componentes que são incorporados no React Native com a ajuda de inline estilos
ou com os chamados objetos de folha de estilo e lá, você escreve essas instruções de estilo
em Javascript, mas usa uma sintaxe baseada em CSS. Portanto, não está diretamente relacionado ao CSS, mas é claro que é influenciado
pelo CSS, muitas das instruções que você usa aqui são inspiradas pelo CSS e muitas das regras ou das propriedades que você conhece do
CSS também funcionam aqui em Javascript, no aplicativo React Native. . Agora, com relação aos objetos inline styles
vs stylesheet, mostrarei os dois, mas eu já direi que usar o objeto stylesheet é
o preferido, mas voltarei a isso depois de usá-lo.
E com isso, agora que sabemos mais ou menos o que há com componentes e estilo,
por que não apenas começamos e começamos a trabalhar com essas coisas?