mirror of
https://github.com/nisrulz/flutter-examples.git
synced 2025-11-08 20:50:04 +00:00
Add new flutter example of todo app with provider (#78)
This commit is contained in:
23
todo_list_using_provider/lib/widgets/add_button.dart
Normal file
23
todo_list_using_provider/lib/widgets/add_button.dart
Normal file
@@ -0,0 +1,23 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
import '../models/todo.dart';
|
||||
import '../notifiers/todo_list.dart';
|
||||
|
||||
class AddButton extends StatelessWidget {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final todoList = Provider.of<TodoList>(context, listen: false);
|
||||
print('build IncrementButton');
|
||||
|
||||
return FloatingActionButton(
|
||||
onPressed: () {
|
||||
todoList.add(
|
||||
new Todo(id: '${todoList.list.length}', title: 'tituloTodo${todoList.list.length}')
|
||||
);
|
||||
},
|
||||
tooltip: 'Increment',
|
||||
child: Icon(Icons.add),
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
import '../models/todo.dart';
|
||||
|
||||
class TodoListItemDisplay extends StatelessWidget {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
print('rebuilding Todo List Item Display');
|
||||
|
||||
return Consumer<Todo>(
|
||||
builder: (context, todo, child) {
|
||||
print('rebuilding Consumer Todo List Item Display');
|
||||
|
||||
return Text(
|
||||
'${todo.title}: ${todo.done}',
|
||||
style: TextStyle(fontSize: 16.0),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
import '../models/todo.dart';
|
||||
|
||||
class TodoListItemToggleButton extends StatelessWidget {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
print('build Toggle Item Button');
|
||||
|
||||
return Consumer<Todo>(
|
||||
builder: (context, todo, child) {
|
||||
print('rebuilding Consumer Todo List Item Toggle Item Button');
|
||||
|
||||
return new RaisedButton(
|
||||
onPressed: (){
|
||||
todo.toggle();
|
||||
},
|
||||
color: todo.done ? Colors.blue : Colors.red,
|
||||
child: new Icon(Icons.refresh, color: Colors.white70,),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
20
todo_list_using_provider/lib/widgets/todo_list_item_wdt.dart
Normal file
20
todo_list_using_provider/lib/widgets/todo_list_item_wdt.dart
Normal file
@@ -0,0 +1,20 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'todo_list_item_display.dart';
|
||||
import 'todo_list_item_toggle_button.dart';
|
||||
|
||||
|
||||
class TodoListItemWdt extends StatelessWidget {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
print('rebuilding ToDo List Item: ');
|
||||
|
||||
return new Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||
children: [
|
||||
TodoListItemDisplay(),
|
||||
TodoListItemToggleButton(),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
30
todo_list_using_provider/lib/widgets/todo_list_wdt.dart
Normal file
30
todo_list_using_provider/lib/widgets/todo_list_wdt.dart
Normal file
@@ -0,0 +1,30 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
import '../models/todo.dart';
|
||||
import '../notifiers/todo_list.dart';
|
||||
import '../widgets/todo_list_item_wdt.dart';
|
||||
|
||||
class TodoListWdt extends StatelessWidget {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
print('building Todo List Wdt');
|
||||
|
||||
return Consumer<TodoList>(
|
||||
builder: (context, todoList, child) {
|
||||
print('rebuilding Consumer Todo List Wdt');
|
||||
|
||||
return ListView.builder(
|
||||
physics: BouncingScrollPhysics(),
|
||||
itemCount: todoList.list.length,
|
||||
itemBuilder: (context, index) {
|
||||
return ChangeNotifierProvider<Todo>(
|
||||
create: (context) => todoList.list[index],
|
||||
child: new TodoListItemWdt()
|
||||
);
|
||||
},
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user