adaptable_screen 0.0.3 adaptable_screen: ^0.0.3 copied to clipboard
The Plugin scales the sizes based on an interface size and the windows that the components are being inserted.
This package was created to reduce the need to create a way to leave the exact sizes up to the designer. For that, the Plugin scales the sizes based on an interface size and the windows that the components are being inserted.
Getting started #
Depend on it
Add this to your package's pubspec.yaml file:
dependencies:
adaptable_screen: ^0.0.3
Install it You can install packages from the command line:
with Flutter:
$ flutter pub get
Usage #
To set the widths and heights based on the build size of your design, use the AdaptableScreenUtils.init()
function to set the sizes. Essa função deve ser utilizada ao iniciar a construção do seu aplicativo.
void main() {
AdaptableScreenUtils.init();
runApp(const MyApp());
}
Use .h
to scale the height based on the window size:
Container(
height: 10.h
)
Use .w
to scale the width based on the window size:
Container(
width: 10.w
)
Use .ssp
to scale text based on window size, this function can change font size as window changes size:
Text(
"Text Exemplo",
style: TextStyle(fontSize: 15.ssp),
)
Use .sp
to scale text based on window size:
Text(
"Text Exemplo",
style: TextStyle(fontSize: 15.ssp),
)
Use .r
to scale radius based on minimum window size:
Container(
decoration: BoxDecoration(
color: Colors.grey,
borderRadius: BorderRadius.circular(10.r),
),
height: 50.h,
width: 100.w,
child: Center(
child: Text(
"Text Exemplo",
style: TextStyle(fontSize: 15.sp),
),
),
)
If you want to see a usage in a simple way, go to /example
folder.
Additional information #
For contributes:
- Fork this repository;
- Create a new branch to develop your feature:
git checkout -b my-feature
; - Commit your changes:
git commit -m 'feat: my new feature'
; - Push to your branch:
git push origin my-feature
. - Open a pull request for your code to be evaluated.
To help maintain the chosen pattern we also create a file which is called before every commit. This file will format and pinpoint (if present) errors in the codestyle of your code. To enable this you must first copy it to git's hooks folder. If you are developing on macOS, go to the root of the project and run the command below:
cp pre-commit .git/hooks/pre-commit
After this step, it is necessary to give permission for the file to be executed. Just follow the following command:
chmod +x .git/hooks/pre-commit