Flutter Cart with Custom


import 'package:flutter/material.dart';

class Quote {
  String text;
  String author;
  Quote({this.text, this.author});
}

void main() {
  runApp(
    MaterialApp(
      home: ListCart(),
    ),
  );
}

class ListCart extends StatefulWidget {
  @override
  _ListCartState createState() => _ListCartState();
}

class _ListCartState extends State<ListCart> {
  List<Quote> quoteList = [
    Quote(
        author: 'अज्ञात',
        text:
            "खुश रहने का मतलब यह नहीं कि सब कुछ उत्तम है। इसका मतलब है कि आपने कमियों से ऊपर उठने का निर्णय कर लिया है।"),
    Quote(
        author: "जॉर्ज बरनार्ड शॉ",
        text:
            "सौन्दर्य पहली नज़र में तो अच्छा है; लेकिन घर में आने के तीन दिन के बाद इसे कौन पूछता है?"),
    Quote(
        author: "अज्ञात",
        text:
            "चरित्र का पता जो आपके लिए कुछ नहीं कर सकते उनके प्रति आपके व्यवहार से चलता है।")
  ];

  Widget quoteTemplate(quote) {
    return Card(
      margin: const EdgeInsets.fromLTRB(16.0, 16.0, 16.0, 0.0),
      child: Padding(
        padding: const EdgeInsets.all(10.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            Text(
              quote.text,
              style: TextStyle(
                fontSize: 18.0,
                color: Colors.grey[600],
              ),
            ),
            SizedBox(
              height: 8.0,
            ),
            Text(
              quote.author,
              style: TextStyle(
                fontSize: 12.0,
                color: Colors.red[600],
              ),
            ),
          ],
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey[500],
      appBar: AppBar(
        title: Text("Quote List"),
        backgroundColor: Colors.green[850],
        centerTitle: true,
        elevation: 25.0,
      ),
      body: Column(
        children: quoteList.map((e) => quoteTemplate(e)).toList(),
      ),
    );
  }
}

Output:

Share on Google Plus

About Ram Pukar

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment

0 comments:

Post a Comment