import 'package:akuCommunity/base/base_style.dart';
import 'package:akuCommunity/pages/community/note_create_page.dart';
import 'package:akuCommunity/widget/bee_scaffold.dart';
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:akuCommunity/utils/headers.dart';
import 'widget/tab_list.dart';
import 'package:velocity_x/velocity_x.dart';

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

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

class _CommunityIndexState extends State<CommunityIndex>
    with AutomaticKeepAliveClientMixin, SingleTickerProviderStateMixin {
  @override
  bool get wantKeepAlive => true;

  TabController _tabController;

  List tabs = [
    {'name': '最新', 'id': 'new'},
    {'name': '话题', 'id': 'new'},
    {'name': '我的', 'id': 'new'},
  ];

  @override
  void initState() {
    super.initState();
    // 创建Controller
    _tabController = TabController(length: tabs.length, vsync: this);
  }

  void noteCreateRouter() {
    NoteCreatePage().to();
  }

  List<Widget> _listActions() {
    return [
      FlatButton(
          minWidth: 48.w + 27.w * 2,
          onPressed: () {},
          child: Column(
            mainAxisAlignment: MainAxisAlignment.spaceAround,
            children: [
              Icon(
                CupertinoIcons.bell,
                size: 48.w,
              ),
              '消息'.text.black.size(20.sp).make(),
            ],
          ))
    ];
  }

  // AppBar _appBar() {
  //   return AppBar(
  //     backgroundColor: Colors.white,
  //     elevation: 0,
  //     title: Text("社区"),
  //     centerTitle: true,
  //     actions: _listActions(),
  //     bottom: PreferredSize(
  //       preferredSize: Size.fromHeight(kToolbarHeight),
  //       child: Align(
  //         alignment: Alignment.centerLeft,
  //         child: TabBar(
  //           controller: _tabController,
  //           isScrollable: true,
  //           indicatorColor: Color(0xffFFd000),
  //           labelColor: Color(0xff000000),
  //           unselectedLabelColor: Color(0xFF3A5160).withOpacity(0.5),
  //           indicatorWeight: 2.0,
  //           indicatorSize: TabBarIndicatorSize.label,
  //           labelStyle: TextStyle(
  //             fontSize: 28.sp,
  //             color: Color(0xff333333),
  //             fontWeight: FontWeight.w600,
  //           ),
  //           tabs: List.generate(
  //             tabs.length,
  //             (index) => Tab(
  //               text: tabs[index]['name'],
  //             ),
  //           ),
  //         ),
  //       ),
  //     ),
  //   );
  // }

  FloatingActionButton _floatingActionButton() {
    return FloatingActionButton(
      backgroundColor: Color(0xffffd000),
      child: Icon(
        Icons.add,
        color: Colors.white,
        size: 40.sp,
      ),
      onPressed: noteCreateRouter,
    );
  }

  @override
  Widget build(BuildContext context) {
    super.build(context);
    return BeeScaffold(
      title: '社区',
      actions: _listActions(),
      body: Stack(
        children: [
          Column(
            children: [
              Material(
                color: kForeGroundColor,
                child: PreferredSize(
                  preferredSize: Size.fromHeight(kToolbarHeight),
                  child: Align(
                    alignment: Alignment.centerLeft,
                    child: TabBar(
                      indicatorPadding: EdgeInsets.zero,
                      controller: _tabController,
                      isScrollable: true,
                      indicatorColor: Color(0xffFFd000),
                      indicatorWeight: 2.w,
                      indicatorSize: TabBarIndicatorSize.label,
                      unselectedLabelStyle: TextStyle(
                        color: Color(0xFF333333),
                        fontSize: 28.sp,
                      ),
                      labelStyle: TextStyle(
                        fontSize: 28.sp,
                        color: Color(0xff333333),
                        fontWeight: FontWeight.bold,
                      ),
                      tabs: List.generate(
                        tabs.length,
                        (index) => Tab(
                          text: tabs[index]['name'],
                        ),
                      ),
                    ),
                  ),
                ),
              ),
              Expanded(
                child: TabBarView(
                  controller: _tabController,
                  children: List.generate(
                    tabs.length,
                    (index) => TabList(index: index),
                  ),
                ),
              ),
              // _floatingActionButton(),
            ],
          ),
          Positioned(
            right: 30.w,
            bottom: 50.w,
            child: _floatingActionButton(),
          )
        ],
      ),
    );
  }
}