https://github.com/kaleem-Durrani/refueler-app/assets/160228066/42e33c59-04f9-4b25-825b-91ffd7d94b8a
This is a React Native + Gluestack-ui project template bootstrapped with create-expo-app
.
Recording.2024-04-27.064414.mp4
![Screenshot 2024-04-27 064714](https://private-user-images.githubusercontent.com/160228066/326182242-8ffd5e9f-13db-4d03-84f6-5d081d612bf5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAzMzkzNzMsIm5iZiI6MTcyMDMzOTA3MywicGF0aCI6Ii8xNjAyMjgwNjYvMzI2MTgyMjQyLThmZmQ1ZTlmLTEzZGItNGQwMy04NGY2LTVkMDgxZDYxMmJmNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwN1QwNzU3NTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zOGEzZTY2MDVmNzM5ZjljNTRlMmJmMGQzMDc2NmU5NmFlYjg2N2I0MTQ2MWNlYTJjOWM2NmM4NGUzZWFhMzA1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.-EhMdzwxbUV4Ht6Oo5ukcPWxcXHEO4hH4qFnzDbaN98)
![Screenshot 2024-04-27 064737](https://private-user-images.githubusercontent.com/160228066/326182249-62006c55-5965-4c3b-8026-5e85fee0e2cf.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAzMzkzNzMsIm5iZiI6MTcyMDMzOTA3MywicGF0aCI6Ii8xNjAyMjgwNjYvMzI2MTgyMjQ5LTYyMDA2YzU1LTU5NjUtNGMzYi04MDI2LTVlODVmZWUwZTJjZi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwN1QwNzU3NTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0zY2YwODQ3NDlkYmRjMzJmNWM2ZDc2ZjA3ZmU2MmY4MWMxZjdiYmQ5Nzg3ZmJlY2NjNjJiZjJjNWE5ODFjMjcwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.cV2_G01a4DdygrIovBTy2rqObuiMWkBS9lJioLm7zec)
![Screenshot 2024-04-27 064800](https://private-user-images.githubusercontent.com/160228066/326182254-6d9cb853-65ee-4f7b-b353-dc308f688256.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAzMzkzNzMsIm5iZiI6MTcyMDMzOTA3MywicGF0aCI6Ii8xNjAyMjgwNjYvMzI2MTgyMjU0LTZkOWNiODUzLTY1ZWUtNGY3Yi1iMzUzLWRjMzA4ZjY4ODI1Ni5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwN1QwNzU3NTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yNDExZmU3YjM4MjBiOTE0YzI4ZTYzODk5Nzg3ODBiOTU2YzkwMGFhYTNmYmI0ZTg5NzVkMDM3ZTlhYjc0ODUzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.yex7WJgMMEHvpVxX3Eoj7LbpU-XThsM49_VBobpsNjc)
![Screenshot 2024-04-27 064822](https://private-user-images.githubusercontent.com/160228066/326182261-e533aeed-57d2-468a-a291-123d8044907e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAzMzkzNzMsIm5iZiI6MTcyMDMzOTA3MywicGF0aCI6Ii8xNjAyMjgwNjYvMzI2MTgyMjYxLWU1MzNhZWVkLTU3ZDItNDY4YS1hMjkxLTEyM2Q4MDQ0OTA3ZS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwN1QwNzU3NTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iMWYwMGVlZjRmYWM2M2ZlNGUxYmYyY2NmZTFkYzcwZTEwOTlhYWRkZjA0M2UwODljMmVhMGRmM2NlZDA5OTA0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.PNAB0XsBzKx6m04--zVUxYV771WaJoUolmtpFdO-FZw)
![Screenshot 2024-04-27 064845](https://private-user-images.githubusercontent.com/160228066/326182273-d0f3dc9d-5d17-4aba-9cad-e92b30b42f8d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAzMzkzNzMsIm5iZiI6MTcyMDMzOTA3MywicGF0aCI6Ii8xNjAyMjgwNjYvMzI2MTgyMjczLWQwZjNkYzlkLTVkMTctNGFiYS05Y2FkLWU5MmIzMGI0MmY4ZC5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwN1QwNzU3NTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT01YmRjODc5MDQ4NmFkMGIxZTFjYjRjNjI3N2QxYzE1OGVmNWUzMjhiNWM1MDk3NjE2ZWYwOWRkYzRhYjNhNWM2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.-viYmyk8g2X_fha_PlDkxNb6EoVnwY3OWR3df5Cg7dk)
![Screenshot 2024-04-27 064918](https://private-user-images.githubusercontent.com/160228066/326182276-e8b6d1c4-f248-47d9-a33f-5d0a33449047.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAzMzkzNzMsIm5iZiI6MTcyMDMzOTA3MywicGF0aCI6Ii8xNjAyMjgwNjYvMzI2MTgyMjc2LWU4YjZkMWM0LWYyNDgtNDdkOS1hMzNmLTVkMGEzMzQ0OTA0Ny5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwN1QwNzU3NTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02NTY4ZjM4OWM4NjYxOTRhOTQ0YjI0MzJmMjU0YmRlZmExMjUxMTdhOGUxMzMzY2RjMmIzZjgyNWFkNWFjODE0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.PzbcuQmrzfYhaxxs41WBt7_IPobOLY5KnO1atjn6AdM)
![Screenshot 2024-04-27 064943](https://private-user-images.githubusercontent.com/160228066/326182281-58b79a3a-e55b-4202-a2ef-fec3346da2d9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAzMzkzNzMsIm5iZiI6MTcyMDMzOTA3MywicGF0aCI6Ii8xNjAyMjgwNjYvMzI2MTgyMjgxLTU4Yjc5YTNhLWU1NWItNDIwMi1hMmVmLWZlYzMzNDZkYTJkOS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwN1QwNzU3NTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yODllN2E4ZTg0OTk1YzdmMjk0YzAzMzlmMDMzMTQ3ZWU5N2NhY2EzZmY1NzIzNTIwZjFmODQ3NjQwMzNjNGQ2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.hGzY4ridtaV1QQD8TeCwRI_oHUXQmO-c62x5hgH4X8E)
First, run the development server:
# For web
yarn web
# For ios
yarn ios
# For android
yarn android
You can start editing the page by modifying App.tsx
. The page auto-updates as you edit the file.
This project uses @gluestack-ui
library that provides optionally styled and accessible components. These components are designed for easy integration into applications developed with React and React Native.
To learn more about Expo + Gluestack UI template, take a look at the following resources:
- Expo Documentation - learn about Expo features and API.
- Gluestack UI Documenatation - learn about core concepts and architecture of gluestack-ui.
- Gluestack Style Documentaion - learn about the universal styling library that is used in Gluestack-ui
You can check out:
- the gluestack-ui GitHub repository
- the gluestack-style GitHub repository Your feedback and contributions are welcome!