|
1 | 1 | import 'package:flutter/material.dart'; |
| 2 | +import 'package:path_provider/path_provider.dart'; |
| 3 | +import 'dart:convert'; |
| 4 | +import 'dart:io'; |
| 5 | +import 'dart:async'; |
2 | 6 |
|
3 | | -void main() => runApp(MyApp()); |
| 7 | +void main() { |
| 8 | + runApp( |
| 9 | + MaterialApp( |
| 10 | + title: "Todo List", |
| 11 | + home: Home(), |
| 12 | + ), |
| 13 | + ); |
| 14 | +} |
4 | 15 |
|
5 | | -class MyApp extends StatelessWidget { |
6 | | - // This widget is the root of your application. |
| 16 | +class Home extends StatefulWidget { |
7 | 17 | @override |
8 | | - Widget build(BuildContext context) { |
9 | | - return MaterialApp( |
10 | | - title: 'Flutter Demo', |
11 | | - theme: ThemeData( |
12 | | - // This is the theme of your application. |
13 | | - // |
14 | | - // Try running your application with "flutter run". You'll see the |
15 | | - // application has a blue toolbar. Then, without quitting the app, try |
16 | | - // changing the primarySwatch below to Colors.green and then invoke |
17 | | - // "hot reload" (press "r" in the console where you ran "flutter run", |
18 | | - // or simply save your changes to "hot reload" in a Flutter IDE). |
19 | | - // Notice that the counter didn't reset back to zero; the application |
20 | | - // is not restarted. |
21 | | - primarySwatch: Colors.blue, |
22 | | - ), |
23 | | - home: MyHomePage(title: 'Flutter Demo Home Page'), |
24 | | - ); |
25 | | - } |
| 18 | + _HomeState createState() => _HomeState(); |
26 | 19 | } |
27 | 20 |
|
28 | | -class MyHomePage extends StatefulWidget { |
29 | | - MyHomePage({Key key, this.title}) : super(key: key); |
30 | | - |
31 | | - // This widget is the home page of your application. It is stateful, meaning |
32 | | - // that it has a State object (defined below) that contains fields that affect |
33 | | - // how it looks. |
34 | | - |
35 | | - // This class is the configuration for the state. It holds the values (in this |
36 | | - // case the title) provided by the parent (in this case the App widget) and |
37 | | - // used by the build method of the State. Fields in a Widget subclass are |
38 | | - // always marked "final". |
| 21 | +class _HomeState extends State<Home> { |
| 22 | + List<Map> _todoList = []; |
| 23 | + @override |
| 24 | + Widget build(BuildContext context) { |
| 25 | + final _tarefaController = TextEditingController(); |
39 | 26 |
|
40 | | - final String title; |
| 27 | + void _addTarefa() { |
| 28 | + setState(() { |
| 29 | + Map<String, dynamic> novaTarefa = Map(); |
| 30 | + novaTarefa["tittle"] = _tarefaController.text; |
| 31 | + novaTarefa["estado"] = false; |
| 32 | + _todoList.add(novaTarefa); |
| 33 | + }); |
| 34 | + } |
41 | 35 |
|
42 | | - @override |
43 | | - _MyHomePageState createState() => _MyHomePageState(); |
44 | | -} |
| 36 | + Future<File> _getArquivo() async { |
| 37 | + final diretorio = await getApplicationDocumentsDirectory(); |
| 38 | + return File("${diretorio.path}/tarefas.json"); |
| 39 | + } |
45 | 40 |
|
46 | | -class _MyHomePageState extends State<MyHomePage> { |
47 | | - int _counter = 0; |
| 41 | + Future<File> _saveTarefas() async { |
| 42 | + String dado = json.encode(_todoList); |
| 43 | + final arquivo = await _getArquivo(); |
| 44 | + return arquivo.writeAsString(dado); |
| 45 | + } |
48 | 46 |
|
49 | | - void _incrementCounter() { |
50 | | - setState(() { |
51 | | - // This call to setState tells the Flutter framework that something has |
52 | | - // changed in this State, which causes it to rerun the build method below |
53 | | - // so that the display can reflect the updated values. If we changed |
54 | | - // _counter without calling setState(), then the build method would not be |
55 | | - // called again, and so nothing would appear to happen. |
56 | | - _counter++; |
57 | | - }); |
58 | | - } |
| 47 | + Future<String> _getDados() async { |
| 48 | + try { |
| 49 | + final arquivo = await _getArquivo(); |
| 50 | + return arquivo.readAsString(); |
| 51 | + } catch (error) { |
| 52 | + return null; |
| 53 | + } |
| 54 | + } |
59 | 55 |
|
60 | | - @override |
61 | | - Widget build(BuildContext context) { |
62 | | - // This method is rerun every time setState is called, for instance as done |
63 | | - // by the _incrementCounter method above. |
64 | | - // |
65 | | - // The Flutter framework has been optimized to make rerunning build methods |
66 | | - // fast, so that you can just rebuild anything that needs updating rather |
67 | | - // than having to individually change instances of widgets. |
68 | 56 | return Scaffold( |
69 | 57 | appBar: AppBar( |
70 | | - // Here we take the value from the MyHomePage object that was created by |
71 | | - // the App.build method, and use it to set our appbar title. |
72 | | - title: Text(widget.title), |
| 58 | + centerTitle: true, |
| 59 | + backgroundColor: Colors.indigo, |
| 60 | + title: Text( |
| 61 | + "Lista de tarefas", |
| 62 | + style: TextStyle( |
| 63 | + color: Colors.white, |
| 64 | + fontSize: 20, |
| 65 | + ), |
| 66 | + ), |
73 | 67 | ), |
74 | | - body: Center( |
75 | | - // Center is a layout widget. It takes a single child and positions it |
76 | | - // in the middle of the parent. |
| 68 | + body: SingleChildScrollView( |
77 | 69 | child: Column( |
78 | | - // Column is also a layout widget. It takes a list of children and |
79 | | - // arranges them vertically. By default, it sizes itself to fit its |
80 | | - // children horizontally, and tries to be as tall as its parent. |
81 | | - // |
82 | | - // Invoke "debug painting" (press "p" in the console, choose the |
83 | | - // "Toggle Debug Paint" action from the Flutter Inspector in Android |
84 | | - // Studio, or the "Toggle Debug Paint" command in Visual Studio Code) |
85 | | - // to see the wireframe for each widget. |
86 | | - // |
87 | | - // Column has various properties to control how it sizes itself and |
88 | | - // how it positions its children. Here we use mainAxisAlignment to |
89 | | - // center the children vertically; the main axis here is the vertical |
90 | | - // axis because Columns are vertical (the cross axis would be |
91 | | - // horizontal). |
92 | | - mainAxisAlignment: MainAxisAlignment.center, |
93 | 70 | children: <Widget>[ |
94 | | - Text( |
95 | | - 'You have pushed the button this many times:', |
| 71 | + Container( |
| 72 | + padding: EdgeInsets.symmetric(vertical: 3, horizontal: 15), |
| 73 | + child: Row( |
| 74 | + children: <Widget>[ |
| 75 | + Expanded( |
| 76 | + child: TextField( |
| 77 | + controller: _tarefaController, |
| 78 | + style: |
| 79 | + TextStyle(fontWeight: FontWeight.w500, fontSize: 14), |
| 80 | + decoration: InputDecoration( |
| 81 | + focusedBorder: UnderlineInputBorder( |
| 82 | + borderSide: BorderSide( |
| 83 | + color: Colors.indigo, |
| 84 | + width: 1.4, |
| 85 | + ), |
| 86 | + ), |
| 87 | + hintText: "Digite sua tarefa", |
| 88 | + hintStyle: TextStyle( |
| 89 | + fontSize: 15, |
| 90 | + fontStyle: FontStyle.italic, |
| 91 | + ), |
| 92 | + ), |
| 93 | + ), |
| 94 | + ), |
| 95 | + IconButton( |
| 96 | + icon: Icon(Icons.add), |
| 97 | + onPressed: _addTarefa, |
| 98 | + iconSize: 40, |
| 99 | + splashColor: Colors.lightGreenAccent, |
| 100 | + ), |
| 101 | + ], |
| 102 | + ), |
96 | 103 | ), |
97 | | - Text( |
98 | | - '$_counter', |
99 | | - style: Theme.of(context).textTheme.display1, |
| 104 | + ListView.builder( |
| 105 | + shrinkWrap: true, |
| 106 | + physics: ScrollPhysics(), |
| 107 | + padding: EdgeInsets.only(top: 20.0), |
| 108 | + itemCount: _todoList.length, |
| 109 | + itemBuilder: (context, index) { |
| 110 | + return CheckboxListTile( |
| 111 | + title: Text(_todoList[index]["tittle"]), |
| 112 | + value: _todoList[index]["estado"], |
| 113 | + secondary: CircleAvatar( |
| 114 | + child: Icon( |
| 115 | + _todoList[index]["estado"] ? Icons.check : Icons.error), |
| 116 | + ), |
| 117 | + onChanged: (ok) { |
| 118 | + setState(() { |
| 119 | + _todoList[index]["estado"] = ok; |
| 120 | + }); |
| 121 | + }, |
| 122 | + ); |
| 123 | + }, |
100 | 124 | ), |
101 | 125 | ], |
102 | 126 | ), |
103 | 127 | ), |
104 | | - floatingActionButton: FloatingActionButton( |
105 | | - onPressed: _incrementCounter, |
106 | | - tooltip: 'Increment', |
107 | | - child: Icon(Icons.add), |
108 | | - ), // This trailing comma makes auto-formatting nicer for build methods. |
109 | 128 | ); |
110 | 129 | } |
111 | 130 | } |
0 commit comments