material_blink 0.2.1

A new Flutter package you can develop attractive and/or creatie UI are you intrested to learn documentation....

example/lib/main.dart

import 'package:material_blink/material_blink.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    mxStatusBar();
    return MyHomePage().mxMaterialApp(title: 'zeeshan');
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: new AppBar(
        brightness: Brightness.light,
        centerTitle: true,
        backgroundColor: Colors.white,
      ),
      body: Padding(
          padding: const EdgeInsets.all(10.0),
          child: <Widget>[
            MxBlogTile(
              tileOnTap: () {},
              backSideBackgroundColor: Colors.grey[100],
              cardElevation: 5,
              imageHeight: 200,
              onTap: () {},
              backrounded: 10,
              shape: BorderRadius.circular(10).mxShapeBorder(),
              leading: "Z"
                  .textMaterialColorWhite()
                  .circleAvatar(backgroundColor: Colors.black, radius: 25),
              title: "Image Editor Pro".textMaterialColorBlack(),
              subTitle: "Goto PubDev Check".textMaterial(),
              trailing: '10 min ago'.textMaterial(),
              image:
                  "https://user-images.githubusercontent.com/55942632/77652902-fedd9980-6f94-11ea-96d5-d31657590893.png"
                      .decorationimageNetworkToCover(),
            ),
            MxBlogTile(
              rounded: 10,
              color: Color(0xFFff1632),
              tileOnTap: () {},
              backSideBackgroundColor: Colors.grey[100],
              cardElevation: 5,
              imageHeight: 200,
              onTap: () {},
              backrounded: 10,
              shape: BorderRadius.circular(10).mxShapeBorder(),
              leading: "Z"
                  .textMaterialColorWhite()
                  .circleAvatar(backgroundColor: Colors.white, radius: 25),
              title: "Image Editor Pro".textMaterialColorWhite(),
              subTitle:
                  "Goto PubDev Check".textMaterial(color: Colors.grey[50]),
              trailing: '10 min ago'.textMaterial(
                color: Colors.white,
              ),
              image:
                  "https://user-images.githubusercontent.com/45489310/78457255-b9d4f980-765d-11ea-8d17-78bb21297de6.png"
                      .decorationimageNetworkToCover(),
            ),
            MxBlogTile(
              color: Colors.orange,
              tileOnTap: () {},
              backSideBackgroundColor: Colors.grey[100],
              cardElevation: 5,
              imageHeight: 200,
              onTap: () {},
              backrounded: 10,
              shape: BorderRadius.circular(10).mxShapeBorder(),
              leading: "Z"
                  .textMaterial(
                      fontWeight: FontWeight.bold, color: Colors.black)
                  .circleAvatar(backgroundColor: Colors.white, radius: 25),
              title: "Image Editor Pro".textMaterialColorWhite(),
              subTitle:
                  "Goto PubDev Check".textMaterial(color: Colors.grey[50]),
              trailing: '10 min ago'.textMaterial(
                color: Colors.white,
              ),
              image:
                  "https://user-images.githubusercontent.com/55942632/77652902-fedd9980-6f94-11ea-96d5-d31657590893.png"
                      .decorationimageNetworkToCover(),
            ),
          ].mxListView()),
    );
  }
}