import 'package:flutter/material.dart';
import 'package:data_table_2/data_table_2.dart';

import 'models/model_custom_screen.dart';

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

  @override
  State<PageCostum> createState() => _PageCostumState();
}


class _PageCostumState extends State<PageCostum> {
  List<ModelCustomScreenStatistics> listCustomScreenStats = <ModelCustomScreenStatistics>[];

  List<DataColumn> _createColumns() {
    return [
      const DataColumn2(
        label: Text('日期'),
        size: ColumnSize.L,
      ),
      const DataColumn(
        label: Text('数量'),
      ),
      const DataColumn(
        label: Text('至今'),
        numeric: true,
      ),
      const DataColumn(
        label: Text('5日'),
      ),
      const DataColumn(
        label: Text('10日'),
      ),
      const DataColumn(
        label: Text('20日'),
        numeric: true,
      ),
    ];
  }
  List<DataRow> _createRows() {
    return listCustomScreenStats.map((element) => DataRow(cells: [
      DataCell(Text(element.date)),
      DataCell(Text(element.count.toString())),
      DataCell(Text(element.chg5.toString())),
      DataCell(Text(element.chg10.toString())),
      DataCell(Text(element.chg20.toString())),
      DataCell(Text(element.chgPresent.toString())),
    ])
    ).toList();
  }

  List<DataColumn> _createColumns_contents() {
    return [
      const DataColumn2(
        label: Text('日期'),
        size: ColumnSize.L,
      ),
      const DataColumn(
        label: Text('数量'),
      ),
      const DataColumn(
        label: Text('5日'),
      ),
      const DataColumn(
        label: Text('10日'),
      ),
      const DataColumn(
        label: Text('20日'),
        numeric: true,
      ),

    ];
  }
  List<DataRow> _createRows_contents() {
    return List<DataRow>.generate(
        100,
            (index) => DataRow(cells: [
          DataCell(Text('A' * (10 - index % 10))),
          DataCell(Text('B' * (10 - (index + 5) % 10))),
          DataCell(Text('C' * (15 - (index + 5) % 10))),
          DataCell(Text('D' * (15 - (index + 10) % 10))),
          DataCell(Text(((index + 0.1) * 25.4).toString()))
        ]));
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Padding(
        padding: const EdgeInsets.all(16),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            SizedBox(
              height: 35,
              child: Row(
                children: [
                  ElevatedButton(
                      onPressed: () {
                        ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text("Button1 clicked"),));
                      },
                      child: const Text('Button1')
                  ),
                ],
              ),
            ),
            Expanded(
              child: Column(
                children: [
                  Expanded(
                    child: Row(
                      children: [
                        Expanded(
                          flex: 3,
                          child: DataTable2(
                               columnSpacing: 12,
                               horizontalMargin: 12,
                               minWidth: 300,
                               columns: _createColumns(),
                               rows: _createRows(),
                            ),
                        ),
                        const VerticalDivider(
                          thickness: 3,
                          indent:10,
                          endIndent: 10,
                        ),
                        Expanded(
                          flex: 7,
                          child: DataTable2(
                              columnSpacing: 12,
                              horizontalMargin: 12,
                              minWidth: 600,
                              columns: _createColumns_contents(),
                              rows: _createRows_contents()
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}

int a = 10;
double c = 0.1;

String str = "hi";

String multi-line = '''
使用三个单引号
或者三个双引号
'''

List<int> arr = [1,2,3];

var ls = new List();

// 指定类型后，不能添加其他类型
var ls = new List<String>();

// 获取索引和值
// Use Map Entries
// Convert the List to a Map, then map the entries containing the key/value pairs. Each key in the map is the index of the original list.
myList.asMap().entries.map((entry) {
    int idx = entry.key;
    String val = entry.value;

    return something;
}

// Generate a Fixed Range List
// If you are looping over many lists that have a fixed length, it may be more efficient to generate a single list once. For example, the we create a ranged list that is the same length as the original, i.e. [0, 1, 2, ..., n]

final List fixedList = Iterable<int>.generate(myList.length).toList();


fixedList.map((idx) {
    String val = myList[idx];

    return something;
}

// Grab the Index of Unique Values
// You can access the index of a specific value by searching for it with List.indexOf, which returns the index of the first match. This approach is most predictable when all values are unique. A Set can ensure uniqueness throughout the list.

final List uniqueList = Set.from(myList).toList();


uniqueList.map((val) {
    String idx = uniqueList.indexOf(val);

    return something;
}

ElevatedButton(
              onPressed: () {},
              child: const Text('Enabled'),
            ),

Container({
    Key key,
    this.alignment,
    this.padding,
    Color color,
    Decoration decoration,
    this.foregroundDecoration,
    double width,
    double height,
    BoxConstraints constraints,
    this.margin,
    this.transform,
    this.child,
  })

ElevatedButton.icon(
            icon: const Icon(Icons.add, size: 18),
            label: const Text('Login to Github'),
            onPressed: ()  {
                print('哈哈');
            })


child:
                  ListView(
                      children: [
                        const Text('自选股列表',style: ( TextStyle(
                            color:Colors.white,fontSize: 18.0
                        )),)
                        ,
                        _createDataTable()
                      ]
                  ),