Responsive framework - Githubissues

CIT-Programming-Society / society_app_mobile

GNU General Public License v3.0

2 stars 0 forks source link

Responsive framework #24

Closed JamieC1998 closed 4 years ago

JamieC1998 commented 4 years ago

Implemented Responsive Framework for designing UI layouts.
Added device screen type under new package directory called enums Values of Device Screen Type are as follows
1. Mobile
2. Tablet
3. Desktop
Created a new directory for views
Added UI utils under utils for returning device type by screen width

Created new package directory called UI:

Contains an Orientation Layout Builder which allows for different views depending on device orientation
Sizing information object for storing display details of the device being used
Created a responsive layout builder that allows widgets to be aware of their containers constraints
Added Screen Layout Builder that allows for different layouts to be used based on the device display type

Added device preview package:

Allows us to test displays of various dimensions
Allows us to test various settings such as different text scale factors on the fly

Based on responsive UI framework from https://www.youtube.com/channel/UC2d0BYlqQCdF9lJfydl_02Q