material_x 0.1.7

material_x: ^0.1.7 copied to clipboard

example/lib/main.dart

import 'package:material_x/material_x.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> {
  bool isActive = true;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: new AppBar(
        title: "MxCardListTile".textMaterialColorBlack(),
        brightness: Brightness.light,
        centerTitle: true,
        backgroundColor: Colors.white,
      ),
      body: Padding(
          padding: const EdgeInsets.all(10.0),
          child: <Widget>[
            MxCardListTile(
              trailing: "10min ago".textMaterialColorWhite(),
              leading: Icons.add.mxListTileIcon(color: Colors.white),
              color: Colors.red,
              title: "Test".textMaterialColorWhite(),
              subTitle: "Material-X package ".textMaterialColorWhite(),
              width: 500,
              onTap: () {
                // MxRoutePage(context, child)
              },
            ),
            10.0.sizedHeight(),
            MxCardListTile(
              color: Color(0xFF3D6dfe),
              title: "Test".textMaterialColorWhite(),
              subTitle: "Material-X package ".textMaterialColorWhite(),
              width: 500,
              onTap: () {},
            ),
            10.0.sizedHeight(),
            MxCardListTile(
              leading: "z"
                  .textMaterial(fontWeight: FontWeight.bold)
                  .circleAvatar(backgroundColor: Colors.white),
              rounded: 20,
              color: Colors.orange,
              title: "Test".textMaterialColorWhite(),
              subTitle: "Material-X package ".textMaterialColorWhite(),
              width: 500,
              onTap: () {},
            ),
            10.0.sizedHeight(),
            MxCardListTile(
              color: Colors.yellow,
              title: "Test".textMaterialColorWhite(),
              subTitle: "Material-X package ".textMaterialColorWhite(),
              width: 500,
              image:
                  "https://image.freepik.com/free-psd/tropical-foliage-background_53876-91352.jpg"
                      .decorationimageNetworkToCover(),
              onTap: () {},
            ),
            10.0.sizedHeight(),
            MxCardListTile(
              leading: Icons.fullscreen.mxListTileIcon(color: Colors.white),
              color: Colors.green,
              title: "Test".textMaterialColorWhite(),
              subTitle: "Material-X package ".textMaterialColorWhite(),
              width: 500,
              image:
                  "https://image.freepik.com/free-vector/realistic-dark-tropical-leaves-background_52683-30656.jpg"
                      .decorationimageNetworkToCover(),
              onTap: () {},
            ),
          ].mxcolumnCC()),
    );
  }
}