Adding TopNews

2021-03-25 10:54:09 +02:00
parent ce237c13a4
commit e290274a95
17 changed files with 510 additions and 50 deletions
@@ -0,0 +1,85 @@
+import 'package:flutter/material.dart';
+import 'package:le_kiosque_by_gcs/model/news.dart';
+import 'package:url_launcher/url_launcher.dart';
+
+class ItemTopNews extends StatelessWidget {
+  const ItemTopNews({Key key, this.news}) : super(key: key);
+
+  final News news;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: 259,
+      width: 270,
+      child: InkWell(
+        onTap: () {
+          _showFullArticle(context, news.fullPostUrl);
+        },
+        child: Stack(
+          alignment: Alignment.bottomLeft,
+          children: [
+            Container(
+              height: 259,
+              width: 270,
+              decoration: BoxDecoration(
+                color: Colors.grey,
+                shape: BoxShape.rectangle,
+                borderRadius: BorderRadius.all(
+                  Radius.circular(10),
+                ),
+                image: DecorationImage(
+                  image: NetworkImage(news.previewUrl),
+                  fit: BoxFit.cover,
+                ),
+              ),
+            ),
+            Container(
+              height: 259,
+              width: 270,
+              decoration: BoxDecoration(
+                color: Colors.black38,
+                shape: BoxShape.rectangle,
+                borderRadius: BorderRadius.all(
+                  Radius.circular(10),
+                ),
+              ),
+            ),
+            Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                Padding(
+                  padding: const EdgeInsets.all(16.0),
+                  child: Text(
+                    news.title,
+                    maxLines: 4,
+                    style: TextStyle(
+                      fontSize: 17,
+                      color: Colors.white,
+                    ),
+                  ),
+                ),
+                Padding(
+                  padding: const EdgeInsets.only(left: 16, bottom: 16),
+                  child: SizedBox(
+                    height: 16,
+                    child: Image.network(news.sourceUrl),
+                  ),
+                )
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  void _showFullArticle(BuildContext context, String fullPostUrl) async {
+    if (await canLaunch(fullPostUrl)) {
+      await launch(fullPostUrl);
+    } else {
+      throw 'Could not launch $fullPostUrl';
+    }
+  }
+}