Com esse aplicativo o usuário será capa de calcular o valor da gorjeta que vai ser dado ao atendente do estabelecimento baseado na porcentagem desejada em cima do valor total do pedido, além disso será possível calcular o quanto cada pessoa vai pagar de gorjeta.
🖥 Tecnologia utilizada
Para a elaboração desse projeto eu utilizei o EXPO.
-
Expoé uma plataforma de código aberto para criar aplicativos nativos universais para Android, iOS e web com JavaScript e React. -
'It makes building your apps for distribution simple and easy to automate by providing defaults that work well for Expo and React Native projects out of the box, and by handling your app signing credentials for you (if you wish). It also makes sharing builds with your team easier than ever with internal distribution (using ad hoc and/or enterprise "universal" provisioning), deeply integrates with EAS Submit for app store submissions, and has first-class support for the expo-updates library.'
📚 Bibliotecas utilizadas
Para auxiliar na construção do projeto eu utilizei as seguintes bibliotecas:
Styled Components
-
Com essa biblioteca é possível criar cada tag dentro do arquivo de estilização e usar as mesmas dentro de cada componente na criação da página ele traz mais organização e facilidade na estruturação do código, dentro do react-native ela tem o plus de manter a sintaxe do CSS convencional para a aplicação.
-
'Utilising tagged template literals (a recent addition to JavaScript) and the power of CSS, styled-components allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!'
React Native Currency Input
- O objetivo do react-native-currency-input é oferecer uma maneira simples e eficaz de lidar com entradas numéricas com formato personalizado, geralmente uma entrada de moeda, mas pode ser usada para qualquer caso de entrada de números.
Download