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(); } }.
It's really a nice and helpful piece of information. Thank you for sharing this with us. Flutter App Development
ReplyDelete