import 'package:flutter/material.dart';

class KecocokanDarahPage extends StatefulWidget {
  @override
  _KecocokanDarahPageState createState() => _KecocokanDarahPageState();
}

class _KecocokanDarahPageState extends State<KecocokanDarahPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Kecocokan Darah'),
      ),
      body: Container(
        child: Center(
          child: Container(
              child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              SizedBox(height: 40),
              Container(
                width: MediaQuery.of(context).size.width,
                height: 20,
                decoration: BoxDecoration(border: Border.all()),
                child: Center(child: Text('Anda Dapat Menerima Dari')),
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: <Widget>[
                  Container(
                    width: 150,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(
                        child: Text('Jika Jenis Darah Anda',
                            style: TextStyle(fontWeight: FontWeight.bold))),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('O-')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('O+')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('B-')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('B+')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('A-')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('A+')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('AB-')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('AB+')),
                  ),
                ],
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: <Widget>[
                  Container(
                    width: 150,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(
                      child: Text('AB+',
                          style: TextStyle(fontWeight: FontWeight.bold)),
                    ),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                ],
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: <Widget>[
                  Container(
                    width: 150,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(
                        child: Text('AB-',
                            style: TextStyle(fontWeight: FontWeight.bold))),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                ],
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: <Widget>[
                  Container(
                    width: 150,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(
                        child: Text('A+',
                            style: TextStyle(fontWeight: FontWeight.bold))),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                ],
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: <Widget>[
                  Container(
                    width: 150,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(
                        child: Text('A-',
                            style: TextStyle(fontWeight: FontWeight.bold))),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                ],
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: <Widget>[
                  Container(
                    width: 150,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(
                        child: Text('B+',
                            style: TextStyle(fontWeight: FontWeight.bold))),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                ],
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: <Widget>[
                  Container(
                    width: 150,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(
                        child: Text('B-',
                            style: TextStyle(fontWeight: FontWeight.bold))),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                ],
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: <Widget>[
                  Container(
                    width: 150,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(
                        child: Text('O+',
                            style: TextStyle(fontWeight: FontWeight.bold))),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                ],
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: <Widget>[
                  Container(
                    width: 150,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(
                        child: Text('O-',
                            style: TextStyle(fontWeight: FontWeight.bold))),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('YA')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                  Container(
                    width: 25,
                    height: 20,
                    decoration: BoxDecoration(border: Border.all()),
                    child: Center(child: Text('...')),
                  ),
                ],
              ),
            ],
          )),
        ),
      ),
    );
  }
}

// class KecocokanDarahPage extends StatefulWidget {
//   @override
//   _KecocokanDarahPageState createState() => _KecocokanDarahPageState();
// }

// class _KecocokanDarahPageState extends State<KecocokanDarahPage>
//     with SingleTickerProviderStateMixin {
//   TabController _tabController;
//   @override
//   void initState() {
//     super.initState();
//     _tabController = TabController(length: 8, vsync: this);
//   }

//   @override
//   Widget build(BuildContext context) {
//     return Scaffold(
//       appBar: AppBar(
//         title: Text('Kecocokan Darah'),
//         centerTitle: true,
//         backgroundColor: Colors.redAccent,
//       ),
//       body: SingleChildScrollView(
//         child: Column(
//           children: <Widget>[
//             Container(
//               height: MediaQuery.of(context).size.height / 8,
//               child: Align(
//                 alignment: Alignment.centerLeft,
//                 child: TabBar(
//                   indicatorSize: TabBarIndicatorSize.label,
//                   isScrollable: true,
//                   unselectedLabelColor: Colors.grey,
//                   unselectedLabelStyle: TextStyle(fontSize: 15),
//                   indicatorColor: Colors.red,
//                   labelColor: Colors.black,
//                   labelStyle: TextStyle(fontSize: 25.0),
//                   controller: _tabController,
//                   tabs: <Widget>[
//                     Tab(text: "A-"),
//                     Tab(text: "A+"),
//                     Tab(text: "B-"),
//                     Tab(text: "B+"),
//                     Tab(text: "O-"),
//                     Tab(text: "O+"),
//                     Tab(text: "AB-"),
//                     Tab(text: "AB+"),
//                   ],
//                 ),
//               ),
//             ),
//             Container(
//               height: 500.0,
//               child: TabBarView(
//                 controller: _tabController,
//                 children: <Widget>[
//                   Amin(),
//                   Aplus(),
//                   Bmin(),
//                   Bplus(),
//                   Omin(),
//                   Oplus(),
//                   ABmin(),
//                   ABplus(),
//                 ],
//               ),
//             )
//           ],
//         ),
//       ),
//     );
//   }
// }

// class Amin extends StatelessWidget {
//   @override
//   Widget build(BuildContext context) {
//     return Container(
//         child: ListView(
//       children: <Widget>[
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "A-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "A+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "B-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "B+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "O-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "O+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "AB-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "AB+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//       ],
//     ));
//   }
// }

// class Aplus extends StatelessWidget {
//   @override
//   Widget build(BuildContext context) {
//     return Container(
//         child: ListView(
//       children: <Widget>[
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "A-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "A+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "B-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "B+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "O-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "O+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "AB-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "AB+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//       ],
//     ));
//   }
// }

// class Bmin extends StatelessWidget {
//   @override
//   Widget build(BuildContext context) {
//     return Container(
//         child: ListView(
//       children: <Widget>[
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "A-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "A+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "B-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "B+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "O-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "O+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "AB-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "AB+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//       ],
//     ));
//   }
// }

// class Bplus extends StatelessWidget {
//   @override
//   Widget build(BuildContext context) {
//     return Container(
//         child: ListView(
//       children: <Widget>[
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "A-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "A+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "B-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "B+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "O-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "O+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "AB-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "AB+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//       ],
//     ));
//   }
// }

// class Omin extends StatelessWidget {
//   @override
//   Widget build(BuildContext context) {
//     return Container(
//         child: ListView(
//       children: <Widget>[
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "A-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "A+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "B-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "B+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "O-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "O+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "AB-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "AB+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//       ],
//     ));
//   }
// }

// class Oplus extends StatelessWidget {
//   @override
//   Widget build(BuildContext context) {
//     return Container(
//         child: ListView(
//       children: <Widget>[
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "A-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "A+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "B-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "B+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "O-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "O+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "AB-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "AB+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//       ],
//     ));
//   }
// }

// class ABmin extends StatelessWidget {
//   @override
//   Widget build(BuildContext context) {
//     return Container(
//         child: ListView(
//       children: <Widget>[
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "A-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "A+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "B-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "B+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "O-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "O+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "AB-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "AB+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//       ],
//     ));
//   }
// }

// class ABplus extends StatelessWidget {
//   @override
//   Widget build(BuildContext context) {
//     return Container(
//         child: ListView(
//       children: <Widget>[
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "A-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "A+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "B-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "B+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "O-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "O+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "AB-",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Tidak"),
//         ),
//         ListTile(
//           leading: CircleAvatar(
//             backgroundColor: Colors.black12,
//             child: Text(
//               "AB+",
//               style: TextStyle(color: Colors.black),
//             ),
//           ),
//           title: Text("Cocok"),
//         ),
//       ],
//     ));
//   }
// }