Show unanswered questions to the users on product page.

packages/smooth_app/lib/cards/product_cards/product_image_carousel.dart

@@ -0,0 +1,72 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:openfoodfacts/model/Product.dart';
+import 'package:openfoodfacts/model/ProductImage.dart';
+import 'package:smooth_app/cards/data_cards/image_upload_card.dart';
+
+class ProductImageCarousel extends StatelessWidget {
+  const ProductImageCarousel(this.product, {required this.height});
+
+  final Product product;
+  final double height;
+
+  @override
+  Widget build(BuildContext context) {
+    final AppLocalizations appLocalizations = AppLocalizations.of(context)!;
+    final List<ImageUploadCard> carouselItems = <ImageUploadCard>[
+      ImageUploadCard(
+        product: product,
+        imageField: ImageField.FRONT,
+        imageUrl: product.imageFrontUrl,
+        title: appLocalizations.product,
+        buttonText: appLocalizations.front_photo,
+      ),
+      ImageUploadCard(
+        product: product,
+        imageField: ImageField.INGREDIENTS,
+        imageUrl: product.imageIngredientsUrl,
+        title: appLocalizations.ingredients,
+        buttonText: appLocalizations.ingredients_photo,
+      ),
+      ImageUploadCard(
+        product: product,
+        imageField: ImageField.NUTRITION,
+        imageUrl: product.imageNutritionUrl,
+        title: appLocalizations.nutrition,
+        buttonText: appLocalizations.nutrition_facts_photo,
+      ),
+      ImageUploadCard(
+        product: product,
+        imageField: ImageField.PACKAGING,
+        imageUrl: product.imagePackagingUrl,
+        title: appLocalizations.packaging_information,
+        buttonText: appLocalizations.packaging_information_photo,
+      ),
+      ImageUploadCard(
+        product: product,
+        imageField: ImageField.OTHER,
+        imageUrl: null,
+        title: appLocalizations.more_photos,
+        buttonText: appLocalizations.more_photos,
+      ),
+    ];
+
+    return SizedBox(
+      height: height,
+      child: ListView(
+        // This next line does the trick.
+        scrollDirection: Axis.horizontal,
+        children: carouselItems
+            .map(
+              (ImageUploadCard item) => Container(
+                margin: const EdgeInsets.fromLTRB(0, 0, 5, 0),
+                decoration: const BoxDecoration(color: Colors.black12),
+                child: item,
+              ),
+            )
+            .toList(),
+      ),
+    );
+  }
+}

packages/smooth_app/lib/cards/product_cards/product_title_card.dart

@@ -0,0 +1,36 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:openfoodfacts/model/Product.dart';
+
+class ProductTitleCard extends StatelessWidget {
+  const ProductTitleCard(this.product, {this.dense = false});
+
+  final Product product;
+  final bool dense;
+
+  @override
+  Widget build(BuildContext context) {
+    final AppLocalizations appLocalizations = AppLocalizations.of(context)!;
+    final ThemeData themeData = Theme.of(context);
+    return Align(
+      alignment: Alignment.topLeft,
+      child: ListTile(
+        dense: dense,
+        contentPadding: EdgeInsets.zero,
+        title: Text(
+          _getProductName(appLocalizations),
+          style: themeData.textTheme.headline4,
+        ),
+        subtitle: Text(product.brands ?? appLocalizations.unknownBrand),
+        trailing: Text(
+          product.quantity ?? '',
+          style: themeData.textTheme.headline3,
+        ),
+      ),
+    );
+  }
+
+  String _getProductName(final AppLocalizations appLocalizations) =>
+      product.productName ?? appLocalizations.unknownProductName;
+}