Flutter Development (Day-10):

• From Today onwards we are going to make some sample projects in order to put our prevous knowledge of learning.
• We are going to make a simple TODO application which I will be building it from scratch.
• This application will have Cards,Alert Dialogues,Implement Stack Operations,Swipe To Dismiss,Snackbars and lot more.
• This post will give you the setup and some basic Structure of the App.
• All source code : Click Here.

Screenshots:

Explanation:

From now-onwards I will explain only main things because when I place a lot of code here you will be confused .Thereby you can see all source code in my Github (I will place a link here).

• To copy the exact code to start building click here.

•  theme: defaultTargetPlatform == TargetPlatform.iOS ? ThemeData.dark(): ThemeData.light() , here based on the OS we are defining the theme.Otherwise you can define by using ThemeData property.
• shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10.0),), : If you want a shape for the Appbar or someother widgets use shape property.
• Define a Global Key which is of FormState and Controller for controlling the text in TextFormField.
• If you want to validate your Form use Validator property.
• validator: (val) { if (val.isEmpty) { return "Please Enter A Task"; } return null; },
• onSaved: (val) { _controller.text = val; },
• When ADD button is pressed we have to check whether the TextFormField is empty or not here we can solve it by using validator and by using a formKey.
• _validateForm() { if (_key.currentState.validate()) { setState(() {
_todos.add(_controller.text); }); _controller.clear(); Navigator.of(context).pop(); } }.

Follow me on:
 Twitter    Github    LinkedIn