Learnt on funcitons and passing them in

Author: chirambaht

lib/main.dart

@@ -1,4 +1,7 @@
 import 'package:flutter/material.dart';
+import 'package:ninja_app/quote.dart';
+
+import 'quote_card.dart';
 
 void main() {
   runApp(MaterialApp(
@@ -12,11 +15,16 @@ class QuoteList extends StatefulWidget {
 }
 
 class _QuoteListState extends State<QuoteList> {
-  List<String> quotes = [
-    'To be or not to be, that is the question',
-    'There is no one better that you at being you, don\'t mess it up',
-    'Dogs also think, don\' discredit yourself so quickly'
+  List<Quote> quotes = [
+    Quote(text: 'To be or not to be, that is the question', author: 'Hamlet'),
+    Quote(
+        text: 'There is no one better that you at being you, don\'t mess it up',
+        author: 'Humphrey'),
+    Quote(
+        text: 'Dogs also think, don\' discredit yourself so quickly',
+        author: 'Dirty Bag')
   ];
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -28,7 +36,13 @@ class _QuoteListState extends State<QuoteList> {
         ),
         body: Column(
           children: quotes.map((quote) {
-            return Text(quote);
+            return QuoteCard(
+                quote: quote,
+                delete: () {
+                  setState(() {
+                    quotes.remove(quote);
+                  });
+                });
           }).toList(),
         ));
   }

lib/quote.dart

@@ -0,0 +1,10 @@
+class Quote {
+  String author, text;
+
+  // Quote(String auth, String tex) {
+  //   this.author = auth;
+  //   this.text = tex;
+  // }
+
+  Quote({this.author, this.text});
+}

lib/quote_card.dart

@@ -0,0 +1,41 @@
+import 'package:flutter/material.dart';
+import 'package:ninja_app/quote.dart';
+
+class QuoteCard extends StatelessWidget {
+  final Quote quote;
+  final Function delete;
+  QuoteCard({this.quote, this.delete});
+  @override
+  Widget build(BuildContext context) {
+    return Card(
+      margin: EdgeInsets.fromLTRB(16, 16, 16, 0),
+      child: Padding(
+        padding: const EdgeInsets.all(12.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            Text(
+              quote.text,
+              style: TextStyle(
+                fontSize: 18,
+                color: Colors.grey,
+              ),
+            ),
+            SizedBox(height: 6),
+            Text(
+              quote.author,
+              style: TextStyle(fontSize: 14.0, color: Colors.grey[800]),
+            ),
+            SizedBox(
+              height: 8.0,
+            ),
+            FlatButton.icon(
+                onPressed: delete,
+                icon: Icon(Icons.delete),
+                label: Text('Delete'))
+          ],
+        ),
+      ),
+    );
+  }
+}