Rencana Belajar Flutter : Hands On Tutorial

Solusi untuk featured page

import 'package:flutter/material.dart';

class FeaturedArticleBannerWidget extends StatelessWidget {
  const FeaturedArticleBannerWidget({
    Key key,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.symmetric(horizontal: 20),
      height: 150,
      decoration: BoxDecoration(
          color: Colors.teal, borderRadius: BorderRadius.circular(18)),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Container(
              padding: EdgeInsets.all(10),
              decoration: BoxDecoration(
                  color: Colors.teal[200],
                  borderRadius: BorderRadius.circular(10)),
              child: Text(
                "Featured Article",
                style: TextStyle(
                    color: Colors.white,
                    fontSize: 16,
                    fontWeight: FontWeight.w500),
              )),
          SizedBox(
            height: 20,
          ),
          Flexible(
            child: Text(
              "natural mood regulation low or even absent in people with depression",
              maxLines: 2,
              overflow: TextOverflow.ellipsis,
              style: TextStyle(
                  color: Colors.white,
                  fontSize: 20,
                  fontWeight: FontWeight.bold),
            ),
          )
        ],
      ),
    );
  }
}