2020/11/1 MDC-103 Flutter:Material Theming with…の訳パート2

 

<<前のページへ

6. Adjust elevation

Shrineに合った特定の色とタイポグラフィでページのスタイルを設定したので、Shrineの製品を示すカードを見てみましょう。 現在、カードはサイトのナビゲーションの横にある白い表面に置かれています。


(1)Adjust Card elevation

home.dartで、Cardウィジェットのelevationプロパティの値を設定します。

elevation: 0.0,

カードの下の影を取り除きました。

ここまでのコード

//home.dart

import 'package:flutter/material.dart';
import 'package:intl/intl.dart';

import 'model/products_repository.dart';
import 'model/product.dart';

class HomePage extends StatelessWidget {

  List<Card> _buildGridCards(BuildContext context) {
    List<Product> products = ProductsRepository.loadProducts(Category.all);

    if