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.easeInTypes:
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
