0 purchases
Description:
responsive container ns
Features #
Use percentage for width and height values in any Widget
Getting started #
Add the dependency to your "pubspec.yaml" file.
dependencies:
flutter:
sdk: flutter
responsive_container:
Import package into your code
//...
import 'package:responsive_container/responsive_container.dart';
//...
Usage #
You can set the widget height and width percentages from 0 to 100 (double)
ResponsiveContainer(
heightPercent: 50.0, //value percent of screen total height
widthPercent: 50.0, //value percent of screen total width
child: Container(color: Colors.red,), //any widget
)
import 'package:flutter/material.dart';
import 'package:responsive_container_ns/responsive_container_ns.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return new MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text("Responsive Container"),),
body: Center(
child: ResponsiveContainer(
heightPercent: 50.0, //value percent of screen total height
widthPercent: 50.0, //value percent of screen total width
child: Container(color: Colors.red,), //any widget
)
),
)
);
}
}
copied to clipboard
License
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
Files In This Product:
Customer Reviews
There are no reviews.
