simple_code 3.0.0

Make Responsive and Development Faster and Easier

Simple Code

Make Development Faster, Easier and Responsive

Functions

Navigator without context

ExpandedText

ExpandedIcon

Responsive size: hsz(), wsz(), sz()

new Container(
	height: hsz(250),
	width: wsz(250),
)
new Text("My Text",style:new TextStyle(fontSize: sz(15))); 

Expanded Icon and Text

ExpandedText("My Text"); 
ExpandedIcon(Icons.wifi);

Animated navigator with very simples

SimpleNavigator.push(customPageRoute(
    Page(),
    curve: Curves.easeOutBack,
    duration: Duration(milliseconds: 600),
    transitions: [
        Transition.slide_from_top,
        Transition.slide_from_rigth,
        Transition.fade_in,
    ],
));

To use:

Import the package

To use this plugin, follow the plugin installation instructions.

Use the plugin

Add the following import to your Dart code:

import 'package:simple_code/simple_code.dart';

Getting Started

return MaterialApp(
    navigatorKey: SimpleCode.navigatorKey,
    home: new MyApp(),
;

You can change the standard screen size:

SimpleCode.changeEmulatorSize(heigth: 640, width: 360);

heigth is a size of prototipe heigth and width is a size of prototipe width

640 (height) and 360 (width) are the default Android screen size in Adobe XD.
Change this to the screen size used in the prototype.

Text

ExpandedText("My Text"); 

new Text("My Text",style: new TextStyle(fontSize: sz(15))); 

You can change max and min font Size

Navigator without context

SimpleNavigator.push(cupertinoPageRoute(Page()));

You can choose a list of Transitions, to match animations

SimpleNavigator.push(customPageRoute(
    Page(),
    curve: Curves.easeOutBack,
    duration: Duration(milliseconds: 600),
    transitions: [
        Transition.slide_from_top,
        Transition.slide_from_rigth,
        Transition.fade_in,
    ],
));

Transitions:

fade_in, slide_from_bottom, slide_from_rigth, slide_from_left, slide_from_top, zoom_in,

Curves:

 All types of Curves
 Ex: Curves.easeIn

Types:

 pop, push, pushReplacement, etc... 

Icons

new Expanded(child: ExpandedIcon(Icons.wifi)); 

or

ExpandedIcon(Icons.wifi);

or

new Icon(Icons.youtube_searched_for, size: sz(50));

to responsive icon without expanded

Yes, it's that easy.