doctor_app_flutter/lib/screens/patients/patients_screen.dart

import 'package:doctor_app_flutter/config/size_config.dart';
import 'package:doctor_app_flutter/routes.dart';
import 'package:flutter/material.dart';

import '../../widgets/shared/app_scaffold_widget.dart';
import '../../widgets/shared/card_with_bg_widget.dart';

class PatientsScreen extends StatelessWidget {
  List<String> litems = [
    "1",
    "1",
    "1",
  ];

  @override
  Widget build(BuildContext context) {
    return AppScaffold(
      appBarTitle: 'Patients',
      body: Container(
        child: Column(
          children: litems.map((item) {
            return InkWell(
              child: CardWithBgWidget(
                widget: Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: <Widget>[
                    Text('Fahad AlSlehm - 324599', style: textStyle(2.5)),
                    SizedBox(
                      height: 8,
                    ),
                    Text('12/04/2020 - 02:00 PM', style: textStyle(2.5)),
                    SizedBox(
                      height: 8,
                    ),
                    Row(
                      children: <Widget>[
                        Icon(Icons.pin_drop),
                        Text("line3Text", style: textStyle(2.5))
                      ],
                    )
                  ],
                ),
              ),
              onTap: () {
                Navigator.of(context).pushNamed(PATIENTS_PROFILE);
              },
            );
          }).toList(),
        ),
      ),
    );
  }

  TextStyle textStyle(size, [FontWeight weight]) {
    return TextStyle(
        fontSize: size * SizeConfig.textMultiplier, fontWeight: weight);
  }
}

class CustomShapeClipper extends CustomClipper<Path> {
  @override
  Path getClip(Size size) {
    final Path path = Path();
    path.lineTo(0.0, size.height);

    var firstEndPoint = Offset(size.width * .5, size.height / 2);
    var firstControlpoint = Offset(size.width * 0.25, size.height * 0.95 + 30);
    path.quadraticBezierTo(firstControlpoint.dx, firstControlpoint.dy,
        firstEndPoint.dx, firstEndPoint.dy);

    var secondEndPoint = Offset(size.width, size.height * 0.10);
    var secondControlPoint = Offset(size.width * .75, size.height * .10 - 20);
    path.quadraticBezierTo(secondControlPoint.dx, secondControlPoint.dy,
        secondEndPoint.dx, secondEndPoint.dy);

    path.lineTo(size.width, 0.0);
    path.close();
    return path;
  }

  @override
  bool shouldReclip(CustomClipper oldClipper) => true;
}