Starter/samples
1
0
Fork 0
mirror of https://github.com/flutter/samples.git synced 2025-11-08 22:09:06 +00:00
Code Issues Releases Wiki Activity

Make in-season and not-in-season cards different (#67)

Browse Source
This commit is contained in:
xster
2019-04-10 01:23:57 -07:00
committed by GitHub
parent 1ade80f948
commit 46a62e252b
3 changed files with 33 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
veggieseasons/lib/screens/list.dart
View File

@@ -13,7 +13,11 @@ import 'package:veggieseasons/styles.dart';
import 'package:veggieseasons/widgets/veggie_card.dart'; import 'package:veggieseasons/widgets/veggie_card.dart';
class ListScreen extends StatelessWidget { class ListScreen extends StatelessWidget {
List<Widget> _generateVeggieRows(List<Veggie> veggies, Preferences prefs) { List<Widget> _generateVeggieRows(
List<Veggie> veggies,
Preferences prefs,
{ bool inSeason = true }
) {
final cards = List<Widget>(); final cards = List<Widget>();
for (Veggie veggie in veggies) { for (Veggie veggie in veggies) {
@@ -23,7 +27,7 @@ class ListScreen extends StatelessWidget {
future: prefs.preferredCategories, future: prefs.preferredCategories,
builder: (context, snapshot) { builder: (context, snapshot) {
final data = snapshot.data ?? Set<VeggieCategory>(); final data = snapshot.data ?? Set<VeggieCategory>();
return VeggieCard(veggie, data.contains(veggie.category)); return VeggieCard(veggie, inSeason, data.contains(veggie.category));
}), }),
)); ));
} }
@@ -65,7 +69,7 @@ class ListScreen extends StatelessWidget {
), ),
); );
rows.addAll(_generateVeggieRows(appState.unavailableVeggies, prefs)); rows.addAll(_generateVeggieRows(appState.unavailableVeggies, prefs, inSeason: false));
return DecoratedBox( return DecoratedBox(
decoration: BoxDecoration(color: Color(0xffffffff)), decoration: BoxDecoration(color: Color(0xffffffff)),

5
veggieseasons/lib/styles.dart
View File

@@ -269,4 +269,9 @@ abstract class Styles {
); );
static const servingInfoBorderColor = Color(0xffb0b0b0); static const servingInfoBorderColor = Color(0xffb0b0b0);
static const ColorFilter desaturatedColorFilter =
// 222222 is a random color that has low color saturation.
ColorFilter.mode(Color(0xFF222222), BlendMode.saturation);
} }

26
veggieseasons/lib/widgets/veggie_card.dart
View File

@@ -76,11 +76,15 @@ class _PressableCardState extends State<PressableCard> {
} }
class VeggieCard extends StatelessWidget { class VeggieCard extends StatelessWidget {
VeggieCard(this.veggie, this.isPreferredCategory); VeggieCard(this.veggie, this.isInSeason, this.isPreferredCategory);
/// Veggie to be displayed by the card. /// Veggie to be displayed by the card.
final Veggie veggie; final Veggie veggie;
/// If the veggie is in season, it's displayed more prominently and the
/// image is fully saturated. Otherwise, it's reduced and de-saturated.
final bool isInSeason;
/// Whether [veggie] falls into one of user's preferred [VeggieCategory]s /// Whether [veggie] falls into one of user's preferred [VeggieCategory]s
final bool isPreferredCategory; final bool isPreferredCategory;
@@ -119,10 +123,22 @@ class VeggieCard extends StatelessWidget {
}, },
child: Stack( child: Stack(
children: [ children: [
Image.asset( Semantics(
veggie.imageAssetPath, label: 'A card background featuring ${veggie.name}',
fit: BoxFit.cover, child: Container(
semanticLabel: 'A card background featuring ${veggie.name}', height: isInSeason ? 350 : 150,
decoration: BoxDecoration(
image: DecorationImage(
fit: BoxFit.cover,
colorFilter: isInSeason
? null
: Styles.desaturatedColorFilter,
image: AssetImage(
veggie.imageAssetPath,
),
),
),
),
), ),
Positioned( Positioned(
bottom: 0.0, bottom: 0.0,