"react nativo" não é um aplicativo nativo. O programa escrito por "react nativo" é compilado pelo Android Studio antes de se tornar um aplicativo nativo é escrito usando a sintaxe jsx do react, e "react nativo" é escrito; plataforma móvel multiplataforma A estrutura de desenvolvimento de aplicativos é uma derivada da estrutura JS de código aberto anterior do Facebook, React, na plataforma nativa de aplicativos móveis. Ela suporta as duas principais plataformas de iOS e Android.
O ambiente operacional deste tutorial: sistema Windows 10, react versão 17.0.1, computador Dell G3.
O programa escrito por react native torna-se um aplicativo nativo após ser compilado pelo Android Studio. Seu modo de desenvolvimento é escrito usando a sintaxe jsx do react, especialmente como escrever o front end, escrever a estrutura da página/escrever js/escrever uma sintaxe semelhante a css, mas não css. , eles podem ser renderizados em componentes de página escritos.
React Native (RN para abreviar) é uma estrutura de desenvolvimento de aplicativos móveis de plataforma cruzada de código aberto pelo Facebook em abril de 2015. É um derivado da estrutura JS de código aberto anterior do Facebook, React na plataforma de aplicativos móveis nativa. iOS e Android. A RN usa linguagem Javascript, JSX semelhante ao HTML e CSS para desenvolver aplicativos móveis, para que técnicos familiarizados com o desenvolvimento front-end da Web possam entrar no campo do desenvolvimento de aplicativos móveis com muito pouco aprendizado.
Amplie seu conhecimento:
JSX é um formato que combina Javascript e XML. React inventou JSX, usando sintaxe HTML para criar um DOM virtual. Quando < é encontrado, JSX é analisado como HTML e quando { é encontrado, é analisado como JavaScript.
O programa escrito por react native torna-se um aplicativo nativo após ser compilado pelo Android Studio. Seu modo de desenvolvimento é escrito usando a sintaxe jsx do react, especialmente como escrever o front end, escrever a estrutura da página/escrever js/escrever uma sintaxe semelhante a css, mas não css. , eles podem ser renderizados em componentes de página escritos.
React nativo também brinca com componentes. No ambiente node e npm, você pode criar um projeto react nativo. Suas dependências também vêm de node_modules. react nativo é um programa nativo e não requer o uso de web pack. Mas a configuração dos ambientes jdk e andoird e o download dos recursos relacionados/o uso das ferramentas de integração relacionadas são indispensáveis.
A estrutura básica e sintaxe do react nativo
index.js
aplicativo.js
//Geralmente, o que está escrito em app.js são rotas de nível superior. Aqui você pode criar um design de roteamento de nível superior. Este app.js é definido em index.html. Portanto, este componente será renderizado no início, seguido pela introdução e uso de cada subcomponente. Cada componente introduz primeiro recursos de reação ou introduz seus próprios componentes. Cada componente é carregado por meio de uma página de exportação padrão. construtores, funções de membro e funções de renderização. Há também um objeto StyleSheet no recurso nativo react. Este objeto é especialmente usado para escrever estilos de componentes.
Existe um estado no construtor. Este estado é chamado de estado e é usado para manipular o estado do componente. Aqui, os atributos de estado são definidos no estado e muitas operações flexíveis podem ser executadas por meio dos atributos de estado. As funções-membro podem operar nessas propriedades de estado definidas no construtor. A função de renderização é render. Nesta função, você pode referenciar o componente do recurso importado e escrever um componente maior. É assim que um componente nativo de reação aproximada completa seu negócio. O código pode ser escrito de acordo com suas necessidades e a sintaxe dos documentos oficiais.