aku_new_community/lib/pages/personal/personal_page.dart

import 'package:aku_community/base/base_style.dart';
import 'package:aku_community/const/resource.dart';
import 'package:aku_community/constants/api.dart';
import 'package:aku_community/constants/application_objects.dart';
import 'package:aku_community/pages/personal/user_profile_page.dart';
import 'package:aku_community/pages/setting_page/settings_page.dart';
import 'package:aku_community/pages/sign/sign_in_page.dart';
import 'package:aku_community/painters/user_bottom_bar_painter.dart';
import 'package:aku_community/provider/user_provider.dart';
import 'package:aku_community/ui/profile/car/car_manage_page.dart';
import 'package:aku_community/ui/profile/car_parking/car_parking_page.dart';
import 'package:aku_community/ui/profile/house/house_owners_page.dart';
import 'package:aku_community/ui/profile/order/order_page.dart';
import 'package:aku_community/utils/headers.dart';
import 'package:aku_community/widget/others/user_tool.dart';
import 'package:aku_community/widget/views/application_view.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_easyrefresh/easy_refresh.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
import 'package:provider/provider.dart';

import 'address/address_list_page.dart';

class PersonalIndex extends StatefulWidget {
  final bool? isSign;

  PersonalIndex({Key? key, this.isSign}) : super(key: key);

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

class _PersonalIndexState extends State<PersonalIndex>
    with SingleTickerProviderStateMixin, AutomaticKeepAliveClientMixin{
  SliverAppBar _sliverAppBar(double height) {
    final userProvider = Provider.of<UserProvider>(context);
    return SliverAppBar(
      pinned: false,
      toolbarHeight: 0,
      elevation: 0,
      floating: false,

      expandedHeight: 450.w - height,
      backgroundColor: Colors.white,
      flexibleSpace: FlexibleSpaceBar(
        background: Stack(
          children: [
            Positioned(
              top: 0,
              left: 0,
              right: 0,
              bottom: 0,
              child: Container(
                // decoration: BoxDecoration(
                //   image: DecorationImage(
                //     image: AssetImage(R.ASSETS_ICONS_ICON_MY_SETTING_PNG),
                //     fit: BoxFit.cover,
                //   ),
                // ),
                child: Column(
                  children: [
                    Spacer(),
                    MaterialButton(
                      padding: EdgeInsets.all(5.w),
                      onPressed: () {
                        if (!userProvider.isLogin)
                          Get.to(() => SignInPage());
                        else
                          Get.to(() => UserProfilePage());
                      },
                      child: Container(
                        margin: EdgeInsets.only(left: 32.w),
                        child: Row(
                          children: [
                            Hero(
                              tag: 'AVATAR1',
                              child: ClipOval(
                                child: FadeInImage.assetNetwork(
                                  placeholder: R.ASSETS_IMAGES_PLACEHOLDER_WEBP,
                                  image: API.image(userProvider
                                          .userInfoModel!.imgUrls.isNotEmpty
                                      ? userProvider
                                          .userInfoModel!.imgUrls.first.url
                                      : ''),
                                  height: 106.w,
                                  width: 106.w,
                                  fit: BoxFit.cover,
                                  imageErrorBuilder: (context, error, stackTrace) {
                                    return Image.asset(R.ASSETS_IMAGES_PLACEHOLDER_WEBP,height: 106.w,
                                      width: 106.w,);
                                  },
                                ),
                              ),
                            ),
                            Container(
                                margin: EdgeInsets.only(left: 16.w),
                                child: userProvider.isLogin
                                    ? Text(
                                        userProvider.userInfoModel?.nickName ??
                                            '',
                                        style: TextStyle(
                                          fontSize: 32.sp,
                                          color: Color(0xffad8940),
                                        ),
                                      )
                                    : Text(
                                        '登录/注册',
                                        style: TextStyle(
                                          fontSize: 32.sp,
                                          color: Color(0xffad8940),
                                        ),
                                      )),
                          ],
                        ),
                      ),
                    ),
                    Stack(
                      children: [
                        Positioned(
                          bottom: 0,
                          left: 0,
                          right: 0,
                          child: Container(
                            height: 41.w,
                            width: double.infinity,
                            child: CustomPaint(
                              painter: UserBottomBarPainter(),
                            ),
                          ),
                        ),
                        Container(
                          margin: EdgeInsets.only(
                            top: 38.w,
                            left: 36.w,
                            right: 36.w,
                            bottom: 18.w,
                          ),
                          child: Image.asset(
                            R.ASSETS_IMAGES_MEMBER_BG_PNG,
                            width: 678.w,
                            height: 129.w,
                          ),
                        ),
                      ],
                    ),
                  ],
                ),
              ),
            )
          ],
        ),
      ),
    );
  }

  // Container _containerBar(String title) {
  //   return Container(
  //     color: title == '我的物业' ? Colors.white : BaseStyle.colorf9f9f9,
  //     padding: EdgeInsets.all(title == '我的物业' ? 0 : 32.w),
  //     child: Row(
  //       mainAxisAlignment: MainAxisAlignment.spaceBetween,
  //       children: [
  //         Text(
  //           title,
  //           style: TextStyle(
  //             fontWeight: FontWeight.w600,
  //             fontSize: BaseStyle.fontSize34,
  //             color: ktextPrimary,
  //           ),
  //         ),
  //       ],
  //     ),
  //   );
  // }

  Widget _orderButton({
    required String name,
    required String path,
    required int index,
  }) {
    return GestureDetector(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Image.asset(path, height: 64.w, width: 64.w),
          10.hb,
          Text(
            name,
            style: TextStyle(
              color: Color(0xFF333333),
              fontSize: 26.sp,
            ),
          ),
        ],
      ),
      onTap: () {
        Get.to(() => OrderPage(initIndex: index));
      },
    ).expand();
  }

  @override
  Widget build(BuildContext context) {
    final double _statusHeight = MediaQuery.of(context).padding.top;
    final userProvider = Provider.of<UserProvider>(context);
    // var orderWidget = SliverToBoxAdapter(
    //   child: Container(
    //     decoration: BoxDecoration(
    //       color: Color(0xffffffff),
    //       borderRadius: BorderRadius.all(Radius.circular(8)),
    //       boxShadow: <BoxShadow>[
    //         BoxShadow(
    //           color: Colors.grey.withOpacity(0.1),
    //           offset: Offset(1, 1),
    //         ),
    //       ],
    //     ),
    //     margin: EdgeInsets.all(20.w),
    //     padding: EdgeInsets.all(12.w),
    //     child:
    //   Column(
    //     mainAxisSize: MainAxisSize.min,
    //     children: [
    //       _containerBar('我的订单'),
    //       GridView(
    //         gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
    //           crossAxisCount: 5,
    //         ),
    //         shrinkWrap: true,
    //         children: [
    //           _orderButton(
    //             name: '待付款',
    //             path: R.ASSETS_ICONS_USER_ICON_DFK_PNG,
    //             index: 1,
    //           ),
    //           _orderButton(
    //             name: '待收货',
    //             path: R.ASSETS_ICONS_USER_ICON_DSH_PNG,
    //             index: 2,
    //           ),
    //           _orderButton(
    //             name: '待评价',
    //             path: R.ASSETS_ICONS_USER_ICON_DPJ_PNG,
    //             index: 3,
    //           ),
    //           _orderButton(
    //             name: '售后',
    //             path: R.ASSETS_ICONS_USER_ICON_SH_PNG,
    //             index: 4,
    //           ),
    //         ],
    //       ),
    //     ],
    //   ),
    //   )
    // );
    return Scaffold(

      body: EasyRefresh(
        header: MaterialHeader(),
        onRefresh: () async {
          await userProvider.updateProfile();
          await userProvider.updateUserDetail();
        },
        child: Stack(
          children: [
            // Container(
            //
            //   width: double.infinity,
            //   height: 441.w,
            //   alignment: Alignment.topCenter,
            //
            //   decoration: BoxDecoration(
            //     gradient: LinearGradient(
            //       begin: Alignment.topCenter,
            //       end: Alignment.bottomCenter,
            //       colors: <Color>[
            //         Color(0xFFF9D57A),
            //         Color(0xFFF9D57A),
            //       ],
            //     ),
            //   ),
            //   padding: EdgeInsets.only(top: 130.w),
            //   child: Column(
            //     mainAxisAlignment: MainAxisAlignment.start,
            //     children: [
            //
            //       MaterialButton(
            //         padding: EdgeInsets.all(5.w),
            //         onPressed: () {
            //           if (!userProvider.isLogin)
            //             Get.to(() => SignInPage());
            //           else
            //             Get.to(() => UserProfilePage());
            //         },
            //         child: Container(
            //           margin: EdgeInsets.only(left: 32.w),
            //           child: Row(
            //             children: [
            //               Hero(
            //                 tag: 'AVATAR',
            //                 child: ClipOval(
            //                   child: FadeInImage.assetNetwork(
            //                     placeholder: R.ASSETS_IMAGES_PLACEHOLDER_WEBP,
            //                     image: API.image(userProvider
            //                         .userInfoModel!.imgUrls.isNotEmpty
            //                         ? userProvider
            //                         .userInfoModel!.imgUrls.first.url
            //                         : ''),
            //                     height: 106.w,
            //                     width: 106.w,
            //                     fit: BoxFit.cover,
            //                     imageErrorBuilder: (context, error, stackTrace) {
            //                       return Image.asset(R.ASSETS_IMAGES_PLACEHOLDER_WEBP,height: 106.w,
            //                         width: 106.w,);
            //                     },
            //                   ),
            //                 ),
            //               ),
            //               Container(
            //                   margin: EdgeInsets.only(left: 16.w),
            //                   child: userProvider.isLogin
            //                       ? Text(
            //                     userProvider.userInfoModel?.nickName ??
            //                         '',
            //                     style: TextStyle(
            //                       fontSize: 32.sp,
            //                       color: Color(0xffad8940),
            //                     ),
            //                   )
            //                       : Text(
            //                     '登录/注册',
            //                     style: TextStyle(
            //                       fontSize: 32.sp,
            //                       color: Color(0xffad8940),
            //                     ),
            //                   )),
            //             ],
            //           ),
            //         ),
            //       ),
            //       // Stack(
            //       //   children: [
            //       //     Positioned(
            //       //       bottom: 0,
            //       //       left: 0,
            //       //       right: 0,
            //       //       child: Container(
            //       //         height: 41.w,
            //       //         width: double.infinity,
            //       //         child: CustomPaint(
            //       //           painter: UserBottomBarPainter(),
            //       //         ),
            //       //       ),
            //       //     ),
            //       //     Container(
            //       //       margin: EdgeInsets.only(
            //       //         top: 38.w,
            //       //         left: 36.w,
            //       //         right: 36.w,
            //       //         bottom: 18.w,
            //       //       ),
            //       //       child: Image.asset(
            //       //         R.ASSETS_IMAGES_MEMBER_BG_PNG,
            //       //         width: 678.w,
            //       //         height: 129.w,
            //       //       ),
            //       //     ),
            //       //   ],
            //       // ),
            //     ],
            //   ),
            // ),

            Container(

              width: double.infinity,
              height: 441.w,
              alignment: Alignment.topCenter,

              decoration: BoxDecoration(
                gradient: LinearGradient(
                  begin: Alignment.topCenter,
                  end: Alignment.bottomCenter,
                  colors: <Color>[
                    Color(0xFFF9D57A),
                    Color(0xFFF9D57A),
                  ],
                ),
              ),
              padding: EdgeInsets.only(top: 100.w),
              child: Column(
                mainAxisAlignment: MainAxisAlignment.start,
                children: [
                  Row(
                    children: [
                      Spacer(),
                      GestureDetector(
                        onTap: (){
                          Get.to(SettingsPage());
                        },
                        child: Container(
                          width: 72.w,
                            height: 40.w,
                            alignment: Alignment.center,
                            child: Image.asset(R.ASSETS_ICONS_ICON_MY_SETTING_PNG,width: 40.w,height: 40.w),
                        ),
                      ),
                      24.wb,
                    ],
                  ),

                  MaterialButton(
                    padding: EdgeInsets.all(5.w),
                    onPressed: () {
                      if (!userProvider.isLogin)
                        Get.to(() => SignInPage());
                      else
                        Get.to(() => UserProfilePage());
                    },
                    child: Container(
                      margin: EdgeInsets.only(left: 32.w),
                      child: Row(
                        children: [
                          Hero(
                            tag: 'AVATAR',
                            child: ClipOval(
                              child: FadeInImage.assetNetwork(
                                placeholder: R.ASSETS_IMAGES_PLACEHOLDER_WEBP,
                                image: API.image(userProvider
                                    .userInfoModel!.imgUrls.isNotEmpty
                                    ? userProvider
                                    .userInfoModel!.imgUrls.first.url
                                    : ''),
                                height: 106.w,
                                width: 106.w,
                                fit: BoxFit.cover,
                                imageErrorBuilder: (context, error, stackTrace) {
                                  return Image.asset(R.ASSETS_IMAGES_PLACEHOLDER_WEBP,height: 106.w,
                                    width: 106.w,);
                                },
                              ),
                            ),
                          ),
                          Container(
                              margin: EdgeInsets.only(left: 16.w),
                              child: userProvider.isLogin
                                  ? Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  Text(
                                    userProvider.userInfoModel?.nickName ??
                                        '',
                                    style: TextStyle(
                                      fontSize: 40.sp,
                                      color: Colors.black.withOpacity(0.85),
                                    ),
                                  ),
                                  4.hb,

                                  Text(
                                        '当一个新时代的有志青年',
                                    style: TextStyle(
                                      fontSize: 24.sp,
                                      color: Colors.black.withOpacity(0.45),
                                    ),
                                  ),


                                ],
                              )  : Text(
                                '登录/注册',
                                style: TextStyle(
                                  fontSize: 32.sp,
                                  color: Color(0xffad8940),
                                ),
                              )

                  ),
                        ],
                      ),
                    ),
                  ),
                  // Stack(
                  //   children: [
                  //     Positioned(
                  //       bottom: 0,
                  //       left: 0,
                  //       right: 0,
                  //       child: Container(
                  //         height: 41.w,
                  //         width: double.infinity,
                  //         child: CustomPaint(
                  //           painter: UserBottomBarPainter(),
                  //         ),
                  //       ),
                  //     ),
                  //     Container(
                  //       margin: EdgeInsets.only(
                  //         top: 38.w,
                  //         left: 36.w,
                  //         right: 36.w,
                  //         bottom: 18.w,
                  //       ),
                  //       child: Image.asset(
                  //         R.ASSETS_IMAGES_MEMBER_BG_PNG,
                  //         width: 678.w,
                  //         height: 129.w,
                  //       ),
                  //     ),
                  //   ],
                  // ),
                ],
              ),
            ),
            Padding(
              
              padding: EdgeInsets.only(top: 289.w),
              child: Column(

                children: [
                  Container(
                    width: 686.w,
                    height: 282.w,
                    decoration: BoxDecoration(
                      color: Color(0xffffffff),
                      borderRadius: BorderRadius.all(Radius.circular(8)),
                      boxShadow: <BoxShadow>[
                        BoxShadow(
                          color: Colors.grey.withOpacity(0.1),
                          offset: Offset(1, 1),
                        ),
                      ],
                    ),
                    margin: EdgeInsets.only(left: 32.w,right: 32.w),
                    padding: EdgeInsets.only(top: 24.w,left: 32.w,right: 32.w),
                    child:
                    Column(
                     //mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        _homeTitle('我的订单', () {}, '查看全部'),
                        50.hb,
                        Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          crossAxisAlignment: CrossAxisAlignment.center,

                          children: [
                            _orderButton(
                              name: '待付款',
                              path: R.ASSETS_ICONS_USER_ICON_DFK_PNG,
                              index: 1,
                            ),
                            _orderButton(
                              name: '待收货',
                              path: R.ASSETS_ICONS_USER_ICON_DSH_PNG,
                              index: 2,
                            ),
                            _orderButton(
                              name: '待评价',
                              path: R.ASSETS_ICONS_USER_ICON_DPJ_PNG,
                              index: 3,
                            ),
                            _orderButton(
                              name: '售后',
                              path: R.ASSETS_ICONS_USER_ICON_SH_PNG,
                              index: 4,
                            ),
                          ],
                        ),
                      ],
                    ),
                  ),
                  Container(
                    decoration: BoxDecoration(
                      color: Color(0xffffffff),
                      borderRadius: BorderRadius.all(Radius.circular(8)),
                      boxShadow: <BoxShadow>[
                        BoxShadow(
                          color: Colors.grey.withOpacity(0.1),
                          offset: Offset(1, 1),
                        ),
                      ],
                    ),
                    margin: EdgeInsets.all(32.w),
                    padding: EdgeInsets.all(32.w),
                    child: Column(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        _function('我的房屋', R.ASSETS_ICONS_ICON_MY_HOUSE_PNG, () => HouseOwnersPage(
                          identify: UserTool.userProvider.userDetailModel!.type ?? 4,
                        ),userProvider.userDetailModel!.estateNames!.isEmpty?'': userProvider.userDetailModel!.estateNames?[0]??'',),
                        36.hb,
                        _function('我的车位', R.ASSETS_ICONS_ICON_MY_CARSEAT_PNG, () => CarParkingPage(),''),
                        36.hb,
                        _function('我的车', R.ASSETS_ICONS_ICON_MY_CAR_PNG, () => CarManagePage(),''),
                        36.hb,
                        _function('我的访客', R.ASSETS_ICONS_ICON_MY_VISITOR_PNG, () => CarManagePage(),''),
                        36.hb,
                        _function('收货地址设置', R.ASSETS_ICONS_ICON_MY_LOCATION_PNG, () => AddressListPage(canBack: false,),''),

                        //
                        // ApplicationView.custom(
                        //   items: userAppObjects,
                        //   needAllApp: false,
                        // ),
                      ],
                    ),
                  ),

                ],
              ),
            ),


          ],
        )


      ),
    );
  }
  _homeTitle(String title, VoidCallback onTap, String suffixTitle) {
    return Row(
      children: [
        title.text.size(32.sp).bold.make(),
        Spacer(),
        GestureDetector(
          onTap: onTap,
          child: Row(
            children: [
              suffixTitle.text.size(24.sp).color(Color(0xFF999999)).make(),
              8.wb,
              Icon(
                CupertinoIcons.chevron_forward,
                size: 24.w,
                color: Color(0xFF999999),
              ),
            ],
          ),
        ),
        //24.wb,
      ],
    );
  }
  
  _function(  String title ,String path,dynamic page ,String msg,){
    return GestureDetector(
      onTap: (){
        Get.to(page);
      },
      child: Container(
        color: Colors.transparent,
        child: Row(
          children: [
            Image.asset(path,width: 40.w,height: 40.w,fit:BoxFit.fitHeight,),
            16.wb,
            Text(
              title,
              style: TextStyle(
                fontSize: 28.sp,
                color: Colors.black.withOpacity(0.85),
              ),
            ),
            Spacer(),
            Text(
              msg,
              style: TextStyle(
                fontSize: 24.sp,
                color: Colors.black.withOpacity(0.45),
              ),
            ),
            24.wb,
            Icon(
              CupertinoIcons.chevron_forward,
              size: 24.w,
              color: Color(0xFF999999),
            ),
          ],
        ),
      ),
    );
  }

    @override
    bool get wantKeepAlive => true;
}