| // Copyright 2018-present the Flutter authors. All Rights Reserved. |
| // |
| // Licensed under the Apache License, Version 2.0 (the "License"); |
| // you may not use this file except in compliance with the License. |
| // You may obtain a copy of the License at |
| // |
| // http://www.apache.org/licenses/LICENSE-2.0 |
| // |
| // Unless required by applicable law or agreed to in writing, software |
| // distributed under the License is distributed on an "AS IS" BASIS, |
| // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| // See the License for the specific language governing permissions and |
| // limitations under the License. |
| |
| import 'package:flutter/material.dart'; |
| |
| import 'package:flutter_gallery/demo/shrine/model/product.dart'; |
| import 'package:flutter_gallery/demo/shrine/supplemental/product_card.dart'; |
| |
| class TwoProductCardColumn extends StatelessWidget { |
| const TwoProductCardColumn({ |
| @required this.bottom, |
| this.top, |
| }) : assert(bottom != null); |
| |
| final Product bottom, top; |
| |
| @override |
| Widget build(BuildContext context) { |
| return LayoutBuilder(builder: (BuildContext context, BoxConstraints constraints) { |
| const double spacerHeight = 44.0; |
| |
| final double heightOfCards = (constraints.biggest.height - spacerHeight) / 2.0; |
| final double availableHeightForImages = heightOfCards - ProductCard.kTextBoxHeight; |
| // Ensure the cards take up the available space as long as the screen is |
| // sufficiently tall, otherwise fallback on a constant aspect ratio. |
| final double imageAspectRatio = availableHeightForImages >= 0.0 |
| ? constraints.biggest.width / availableHeightForImages |
| : 49.0 / 33.0; |
| |
| return ListView( |
| physics: const ClampingScrollPhysics(), |
| children: <Widget>[ |
| Padding( |
| padding: const EdgeInsetsDirectional.only(start: 28.0), |
| child: top != null |
| ? ProductCard( |
| imageAspectRatio: imageAspectRatio, |
| product: top, |
| ) |
| : SizedBox( |
| height: heightOfCards > 0 ? heightOfCards : spacerHeight, |
| ), |
| ), |
| const SizedBox(height: spacerHeight), |
| Padding( |
| padding: const EdgeInsetsDirectional.only(end: 28.0), |
| child: ProductCard( |
| imageAspectRatio: imageAspectRatio, |
| product: bottom, |
| ), |
| ), |
| ], |
| ); |
| }); |
| } |
| } |
| |
| class OneProductCardColumn extends StatelessWidget { |
| const OneProductCardColumn({this.product}); |
| |
| final Product product; |
| |
| @override |
| Widget build(BuildContext context) { |
| return ListView( |
| physics: const ClampingScrollPhysics(), |
| reverse: true, |
| children: <Widget>[ |
| const SizedBox( |
| height: 40.0, |
| ), |
| ProductCard( |
| product: product, |
| ), |
| ], |
| ); |
| } |
| } |