mirrored_repositories/flutter_video_app/lib
import 'dart:ui';

import 'package:ciying/util/hexColor.dart';
import 'package:flutter/material.dart';

class _MenuInfo {
  final String title;
  final IconData icon;

  _MenuInfo({this.title, this.icon});
}

final List<_MenuInfo> menus = [
  _MenuInfo(title: '收藏列表', icon: Icons.photo_album),
  _MenuInfo(title: '隐私设置', icon: Icons.photo_album),
  _MenuInfo(title: '关于我们', icon: Icons.photo_album),
  _MenuInfo(title: '退出登录', icon: Icons.photo_album),
];

class UserDrawerPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      // decoration: BoxDecoration(
      //     backgroundBlendMode: BlendMode.plus,
      //     image: DecorationImage(
      //         image: AssetImage('assets/images/logo.png'),
      //         fit: BoxFit.fill),
          // color: Colors.white),

      color: HexColor("#1C284E"),//
      child: new BackdropFilter(
        filter: new ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0),
        child: new Container(
          padding: EdgeInsets.only(top:80.0, left: 20.0),
          child: Column(
            children: <Widget>[
              Row(
                children: <Widget>[
                  // 第三方登录显示用户头像？
                  //  Container(
                  //     width: 100,
                  //     height: 120,
                  //     decoration: BoxDecoration(
                  //         shape: BoxShape.circle,
                  //         image: DecorationImage(
                  //             fit: BoxFit.cover,
                  //             image: NetworkImage('https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3964385028,2410370823&fm=26&gp=0.jpg')
                  //         )
                  //     ),
                  //   ),
                  Padding(
                    padding: EdgeInsets.all(20.0),
                    child: Text(
                      'LiberDemo',
                      style: Theme.of(context)
                          .textTheme
                          .title
                          .copyWith(color: Colors.white),
                    )
              ),
            ],
            ), 
              Expanded(
                child: ListView.builder(
                    itemCount: menus.length,
                    itemBuilder: (context, index) {
                      return InkWell(
                         onTap: (){
                            print("Container clicked");
                         },
                      child: Ink(
                        height: 60.0,
                        child: Row(
                          crossAxisAlignment: CrossAxisAlignment.stretch,
                          mainAxisAlignment: MainAxisAlignment.start,
                          children: <Widget>[
                            Padding(
                              padding: EdgeInsets.only(right: 10.0),
                              child: Icon(
                                menus[index].icon,
                                color: Colors.white,
                              ),
                            ),
                            Center(
                              child: Text(
                                menus[index].title,
                                style: Theme.of(context)
                                    .textTheme
                                    .subhead
                                    .copyWith(
                                  color: Colors.white,
                                ),
                              ),
                            ),
                          ],
                        ),
                      ),
                      );
                    }),
              ),
              Container(
              height: 70.0,
              child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceAround,
              crossAxisAlignment: CrossAxisAlignment.stretch,
              children: <Widget>[
                Column(
                  children: <Widget>[
                    Text("当前积分", style: TextStyle(
                        fontSize: 16,
                        color: Colors.white
                    ),),
                    
                    Text("400000", style: TextStyle(
                        fontSize: 26,
                        color:Color.fromRGBO(255, 178, 102, 0.9),
                    ),)
                  ],
                ),           
              ],
            ),
          ),
            Container(
                  width: 250,
                  height: 40,  
                  child: Center(child: Text("试用模式,无法充值,请联系客服", style: TextStyle(
                    color:Color.fromRGBO(102, 51, 0, 0.9),
                    fontSize: 14
                  )),),
                  decoration: BoxDecoration(
                    color:Color.fromRGBO(255, 178, 102, 0.9),
                    borderRadius: BorderRadius.circular(16),
                    boxShadow: [
                      BoxShadow(
                        color: Colors.blueGrey,
                        blurRadius: 5
                      )
                    ]
                  ),
                ),
            ],
          ),
          // decoration: new BoxDecoration(color: Colors.white.withOpacity(0.25)),
          decoration: new BoxDecoration(color: Colors.white.withOpacity(0)),
        ),
      ),
    );
  }
}
