import 'package:ansu_ui/ansu_ui.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class ExampleListTile extends StatefulWidget {
  ExampleListTile({Key? key}) : super(key: key);

  @override
  _ExampleListTileState createState() => _ExampleListTileState();
}

class _ExampleListTileState extends State<ExampleListTile> {
  @override
  Widget build(BuildContext context) {
    return ASScaffold(
      title: 'ASListTile',
      body: ListView(
        padding: EdgeInsets.symmetric(horizontal: 12.w),
        children: [
          SizedBox(
            height: 8.w,
          ),
          Row(
            children: [
              'ASOptionTile'.text.size(18.sp).black.make(),
              '-ASListTile'.text.size(14.sp).black.make()
            ],
          ),
          ASOptionTile(
            items: [
              ASListTile(
                title: '转单号(UPS)',
                text: 'DFADN2329TNAGA',
                trail: InkWell(
                  onTap: () {},
                  child: SizedBox(
                    width: 20.w,
                    height: 20.w,
                    child: Placeholder(),
                  ),
                ),
              ),
              ASListTile(
                title: '订单编号',
                text:
                    'DDAWMFOAGNAIOWNGOANIWOGNAOWIDJAWIOHFA92474Y2798489TY892YH8G67TGT2UBF29GB8298H42897YH472H',
                // trail: Icon(Icons.ac_unit_outlined),
              ),
              ASListTile.option(
                title: '分类管理',
                text: '分类管理',
                trail: InkWell(
                  onTap: () {},
                  child: SizedBox(
                    width: 20.w,
                    height: 32.w,
                  ),
                ),
              ),
            ],
          ),
          20.hb,
          Row(
            children: [
              'ASOptionTile'.text.size(18.sp).black.make(),
              '-ASOptionTileItem'.text.size(14.sp).black.make()
            ],
          ),
          ASOptionTile(
            items: List.generate(
              3,
              (index) => ASOptionTileItem(
                leading: Icon(Icons.verified),
                title: Text('Test'),
                onPressed: () {},
              ),
            ),
          ),
          20.hb,
          Row(
            children: [
              'ASOptionTile.single'.text.size(18.sp).black.make(),
              '-ASEditTile'.text.size(14.sp).black.make()
            ],
          ),
          ASOptionTile.single(
            item: ASEditTile(
              title: Text('TEST'),
            ),
          ),
          20.hb,
          Row(
            children: [
              'ASOptionTile.single'.text.size(18.sp).black.make(),
              '-ASVerticalTileItem'.text.size(14.sp).black.make()
            ],
          ),
          ASOptionTile.single(
            item: ASVerticalTileItem(
              title: Text('AS Vertical Tile'),
              child: TextField(),
            ),
          ),
          20.hb,
          Row(
            children: ['ASOptionTile.single'.text.size(18.sp).black.make()],
          ),
          ASOptionTile(
            leading: '基础信息',
            items: [],
          ),
        ],
      ),
    );
  }
}