responsive_container_ns

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