React Native -animaatiot
Puonti, Valtteri (2020)
Puonti, Valtteri
2020
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202003314201
https://urn.fi/URN:NBN:fi:amk-202003314201
Tiivistelmä
Nykypäivänä älypuhelimia on enemmän kuin koskaan. Vastatakseen sekä iOS- että Android-käyttäjien tarpeisiin sovelluskehittäjien piti kehittää sovellukset molemmille alustoille. Erillisen sovelluksen kehittäminen molemmille alustoille ei kuitenkaan ollut aina business-näkökulmasta katsottuna järkevää.
Ratkaisuksi kehitettiin hybridiviitekehykset, joiden avulla kehittäjät pystyivät kääntämään yhden lähdekoodin monelle alustalle. Samaan aikaan, erottuakseen massasta, sovelluksen piti tarjota nykyaikaisia käyttöliittymäkokemuksia, joihin kuuluvat vahvasti eleet sekä animaatiot. Monet hybridiviitekehykset eivät kuitenkaan kyenneet tarjoamaan tätä kokemusta.
Työssä kartoitettiin, mitä mahdollisuuksia React Native-kehittäjällä on modernien käyttöliittymäkomponenttien luomiseen.
Eri menetelmien erojen selvittämiseksi päätettiin kehittää bottomsheet-komponentti. Kyseinen komponentti on yleisesti käytetty ja sisältää sekä eleitä että animaatoita. Työssä käyvät ilmi eri animaatiomenetelmien erot, viat, ja vahvuudet.
Tulokseksi saatiin suositus siitä, miten React Native -kehittäjän kannatta kehittää elepohjaisia ja animoitavia käyttöliittymäkomponentteja.
Ratkaisuksi kehitettiin hybridiviitekehykset, joiden avulla kehittäjät pystyivät kääntämään yhden lähdekoodin monelle alustalle. Samaan aikaan, erottuakseen massasta, sovelluksen piti tarjota nykyaikaisia käyttöliittymäkokemuksia, joihin kuuluvat vahvasti eleet sekä animaatiot. Monet hybridiviitekehykset eivät kuitenkaan kyenneet tarjoamaan tätä kokemusta.
Työssä kartoitettiin, mitä mahdollisuuksia React Native-kehittäjällä on modernien käyttöliittymäkomponenttien luomiseen.
Eri menetelmien erojen selvittämiseksi päätettiin kehittää bottomsheet-komponentti. Kyseinen komponentti on yleisesti käytetty ja sisältää sekä eleitä että animaatoita. Työssä käyvät ilmi eri animaatiomenetelmien erot, viat, ja vahvuudet.
Tulokseksi saatiin suositus siitä, miten React Native -kehittäjän kannatta kehittää elepohjaisia ja animoitavia käyttöliittymäkomponentteja.