Porém embora tudo isso pareça 1 verdadeiro balaio do gato qual funciona Ainda mais como repelente do de que atrativo, nãeste se deixe enganar: A versãeste 2 do Ionic dá um considerável salto por inovaçãeste em relação à tua versão original e abre sentido de modo a novas e interessantes tendências de que valem a pena serem exploradas!
Perceba igualmente de que, por padrão, o Ionic utiliza Sass para a escrita de CSS e TypeScript de modo a as classes, ao invés de JavaScript puro. Fique à vontade para vasculhar as pastas do projeto e entender saiba como as informações são organizadas, uma vez de que nosso tutorial não tem o propósito por explorar isso utilizando Pormenores.
Sim, é 1 post gigantesco. Mas a minha meta ao escrevê-lo era gerar o máximo do valor para profissionais de que ainda não tiveram contato utilizando o Ionic 2 ou aqueles qual desejam entender melhor tais como ele funciona, uma vez que somos carentes de tutoriais Muito mais densos escritos sobre o assunto em português.
Se você ficou curioso Acerca a criação por aplicativos multiplataforma de que utilizam tecnologia da web, saiba de que este Ionic nãeste é a única opção existente. Leia o post sobre React Native e descubra como já é possÃvel produzir uma aplicação 100% nativa utilizando JavaScript.
Na imagem acima você consegue visualizar este nosso aplicativo no iOS, Android e Windows Phone! O Ionic nãeste mal executa o build da aplicação com uma única base de Aviso para dispositivos multiplos tais como também igualmente similarmente identicamente conjuntamente se adapta ao comportamento e estilo visual do cada um, numa tentativa do fazer utilizando de que este usuário sempre tenha uma experiência condizente usando a plataforma qual utiliza.
Actualmente que você já sabe Muito mais ou menos tais como as coisas funcionam, vamos criar rapidamente uma requisiçãeste referência à uma API externa (Reddit) para exibir seu resultado em uma lista no nosso template.
Em seguida, de modo a estes produtos, incluÃmos uma imagem padrão do próprio reddit, de que está disponÃvel em um link público e irá servir de placeholder.
No entanto, irei replicar a mudança visual qual faremos para este Android também igualmente similarmente identicamente conjuntamente no iOS, tornando nossos textos ainda Muito mais agradáveis de modo a leitura.
Antes do modificar algo no projeto, vamos verificar o qual já foi gerado de graça. Digite pelo terminal:
StatusBar.backgroundColorByHexString('#ffffff'); E por sua vez Aprecie tais como ficou este visual final da minha e sua aplicação rodando em um iPhone 6:
Podemos evitar isso tomando a lista rolar de modo a este topo antes por executar qualquer filtro. Contudo saiba como controlar isso programaticamente?
Saiba como você percebeu, dentro do nosso arquivo home.ts há uma referência ao template home.html dentro do bloco @Component. Esse template, na verdade, é aquilo de que este usuário realmente vê na tela do seu smartphone, utilizando base no que definimos dentro da nossa classe. Por enquanto ele não está exibindo nada. Modifique o conteúdo por home.html conforme abaixo:
Perceba, por exemplo, o atributo item-left presente dentro da tag . Altere seu nome para item-right e você verá que as imagens Seroada posicionadas à direita da cé especialmentelula. Tente também alterar a tag para e verá que as imagens ficarão menores e com bordas arredondadas. Bastante conveniente!
Mas há uma forma elegante por lidar utilizando isso utilizando Observables, uma vez que o evento só será disparado quando uma requisição for considerada válida.