Fiji/ysairplane1/lib/code/YSSearchResult.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:ysairplane/tools/YSTools.dart';

class YSSearchResult extends StatefulWidget {
  @override
  _YSSearchResultState createState() => _YSSearchResultState();
}

class _YSSearchResultState extends State<YSSearchResult> {
  TextEditingController _searchStr = TextEditingController();
  List<String> _tabValues = ['全部','特惠包机','空中游览','短途客运','短途货运','婚庆典礼','特惠包机','短途货运',];
  TabController _controller;

  @override
  void initState() {
    super.initState();
    _controller = TabController(
      length: _tabValues.length,
      vsync: ScrollableState(),
    );
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SingleChildScrollView(
        child: Column(
          children: [
            Container(
              margin: EdgeInsets.only(top: MediaQuery.of(context).padding.top+hsp(42),left: wsp(32),right: wsp(32)),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  GestureDetector(child: Icon(Icons.arrow_back_ios,size: hsp(40),color: Color(0xFF000000),),onTap: (){Navigator.pop(context);},),
                  Container(
                    width: MediaQuery.of(context).size.width-wsp(140),
                    margin: EdgeInsets.only(left: wsp(34)),
                    padding: EdgeInsets.only(left: wsp(26),right: wsp(26)),
                    height: hsp(66),
                    decoration: BoxDecoration(
                        border: Border.all(color: Color(0xFF007AFF),width: 1),
                        borderRadius: BorderRadius.all(Radius.circular(5))
                    ),
                    child: CupertinoTextField(
                      placeholder: '婚庆包机',
                      placeholderStyle: TextStyle(fontSize: zsp(25),color: Color(0xFF545454)),
                      style: TextStyle(fontSize: zsp(25),color: Color(0xFF545454)),
                      prefix: Icon(Icons.search,size: hsp(40),color: Color(0xFF8E8E93),),
                      suffix: GestureDetector(child: Icon(Icons.close,size: hsp(40),color: Color(0xFF8E8E93),),onTap: (){_searchStr.text = '';},),
                      suffixMode: OverlayVisibilityMode.editing,
                      controller: _searchStr,
                      padding: EdgeInsets.all(0),
                      decoration: BoxDecoration(),
                      onSubmitted: (value){
                        Navigator.of(context).push(
                            CupertinoPageRoute(
                                builder: (context){
                                  return YSSearchResult();
                                }
                            )
                        );
                      },
                      textInputAction: TextInputAction.search,
                    ),
                  ),
                ],
              ),
            ),
            Container(
              height: hsp(100),
              child: TabBar(
                tabs: _tabValues.map((f) {
                  return Text(f);
                }).toList(),
                controller: _controller,
                indicatorColor: Color(0xFF007AFF),
                indicatorSize: TabBarIndicatorSize.label,
                isScrollable: true,
                labelColor: Color(0xFF007AFF),
                unselectedLabelColor: Colors.black,
                indicatorWeight: 2.0,
                labelStyle: TextStyle(height: 2,fontWeight: FontWeight.bold),
                unselectedLabelStyle: TextStyle(height: 2,fontWeight: FontWeight.normal),
              ),
            ),
            Container(
              height: MediaQuery.of(context).size.height-MediaQuery.of(context).padding.top-hsp(208),
              color: Color(0xFFF1F2F3),
              child: TabBarView(
                controller: _controller,
                children: _tabValues.map((f) {
                  return f=='全部'?ListView.builder(
                    padding: EdgeInsets.only(left: wsp(36),right: wsp(36)),
                    shrinkWrap: true,
                    itemBuilder: (context,index){
                      return Column(
                        children: [
                          Container(
                            height: hsp(84),
                            child: Text('特惠包机',style: TextStyle(fontSize: zsp(24),color: Color(0xFF999999)),),
                            alignment: Alignment.centerLeft,
                          ),
                          ListView.separated(
                            padding: EdgeInsets.all(0),
                            shrinkWrap: true,
                            itemBuilder: (context,indexSub){
                              return Container(
                                height: hsp(240),
                                decoration: BoxDecoration(
                                  borderRadius: BorderRadius.all(Radius.circular(5)),
                                  color: Colors.white,
                                ),
                                child: Row(
                                  children: [
                                    Container(
                                      height: hsp(240),
                                      width: hsp(240),
                                      decoration: BoxDecoration(
                                          color: Colors.lightGreen,
                                          borderRadius: BorderRadius.only(topLeft: Radius.circular(5),bottomLeft: Radius.circular(5))
                                      ),
                                      child: Stack(
                                        children: [
                                          if(indexSub%2==0)Container(
                                            height: hsp(32),
                                            width: wsp(59),
                                            decoration: BoxDecoration(
                                                color: Color(0xFFE9C68E),
                                                borderRadius: BorderRadius.only(topLeft: Radius.circular(5),bottomRight: Radius.circular(5))
                                            ),
                                            padding: EdgeInsets.only(left: wsp(10),right: wsp(10)),
                                            child: Image.asset('lib/images/vip.png'),
                                          )
                                        ],
                                      )
                                    ),
                                    Container(
                                      height: hsp(240),
                                      width: MediaQuery.of(context).size.width-wsp(72)-hsp(240),
                                      child: Column(
                                        children: [
                                          Text('周星星专业婚庆包机',style: TextStyle(fontSize: zsp(30),color: Color(0xFF444444),fontWeight: FontWeight.bold),),
                                          Container(
                                            margin: EdgeInsets.only(top: hsp(30),bottom: hsp(30)),
                                            child: Row(
                                              children: [
                                                Container(
                                                  color: Color(0xFF000000),
                                                  height: hsp(35),
                                                  child: Row(
                                                    children: [
                                                      Image(image: AssetImage('lib/images/vip2.png'),height: hsp(15),width: wsp(16),),
                                                      Text(' G450',style: TextStyle(fontSize: zsp(18),color: Color(0xFFF9DEAC)),)
                                                    ],
                                                  ),
                                                  padding: EdgeInsets.only(left: wsp(5),right: wsp(5)),
                                                ),
                                                Container(
                                                  padding: EdgeInsets.only(left: wsp(5),right: wsp(5)),
                                                  height: hsp(35),
                                                  child: Text('座位30',style: TextStyle(fontSize: zsp(20),color: Color(0xFF565656)),),
                                                  decoration: BoxDecoration(
                                                    border: Border.all(color: Color(0xFF565656),width: 0.5)
                                                  ),
                                                  alignment: Alignment.center,
                                                ),
                                              ],
                                            ),
                                          ),
                                          RichText(
                                            text: TextSpan(
                                                text: '￥',
                                                style: TextStyle(fontSize: zsp(20),color: Color(0xFFEB423B),fontWeight: FontWeight.normal),
                                                children: [
                                                  TextSpan(
                                                    text: '200,000',
                                                    style: TextStyle(fontSize: zsp(36),fontWeight: FontWeight.bold),
                                                  ),
                                                  TextSpan(
                                                    text: '元起',
                                                  )
                                                ]
                                            ),
                                          )
                                        ],
                                        crossAxisAlignment: CrossAxisAlignment.start,
                                      ),
                                      padding: EdgeInsets.all(hsp(20)),
                                    )
                                  ],
                                ),
                              );
                            },
                            separatorBuilder: (context,indexSub){
                              return Divider(height: hsp(24),thickness: hsp(24),color: Color(0xFFF1F2F3),);
                            },
                            itemCount: 3,
                            physics: NeverScrollableScrollPhysics(),
                          )
                        ],
                      );
                    },
                    itemCount: 2
                  ):ListView.separated(
                    padding: EdgeInsets.all(hsp(36)),
                    shrinkWrap: true,
                    itemBuilder: (context,indexSub){
                      return Container(
                        height: hsp(240),
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.all(Radius.circular(5)),
                          color: Colors.white,
                        ),
                        child: Row(
                          children: [
                            Container(
                                height: hsp(240),
                                width: hsp(240),
                                decoration: BoxDecoration(
                                    color: Colors.lightGreen,
                                    borderRadius: BorderRadius.only(topLeft: Radius.circular(5),bottomLeft: Radius.circular(5))
                                ),
                                child: Stack(
                                  children: [
                                    if(indexSub%2==0)Container(
                                      height: hsp(32),
                                      width: wsp(59),
                                      decoration: BoxDecoration(
                                          color: Color(0xFFE9C68E),
                                          borderRadius: BorderRadius.only(topLeft: Radius.circular(5),bottomRight: Radius.circular(5))
                                      ),
                                      padding: EdgeInsets.only(left: wsp(10),right: wsp(10)),
                                      child: Image.asset('lib/images/vip.png'),
                                    )
                                  ],
                                )
                            ),
                            Container(
                              height: hsp(240),
                              width: MediaQuery.of(context).size.width-wsp(72)-hsp(240),
                              child: Column(
                                children: [
                                  Text('周星星专业婚庆包机',style: TextStyle(fontSize: zsp(30),color: Color(0xFF444444),fontWeight: FontWeight.bold),),
                                  Container(
                                    margin: EdgeInsets.only(top: hsp(30),bottom: hsp(30)),
                                    child: Row(
                                      children: [
                                        Container(
                                          color: Color(0xFF000000),
                                          height: hsp(35),
                                          child: Row(
                                            children: [
                                              Image(image: AssetImage('lib/images/vip2.png'),height: hsp(15),width: wsp(16),),
                                              Text(' G450',style: TextStyle(fontSize: zsp(18),color: Color(0xFFF9DEAC)),)
                                            ],
                                          ),
                                          padding: EdgeInsets.only(left: wsp(5),right: wsp(5)),
                                        ),
                                        Container(
                                          padding: EdgeInsets.only(left: wsp(5),right: wsp(5)),
                                          height: hsp(35),
                                          child: Text('座位30',style: TextStyle(fontSize: zsp(20),color: Color(0xFF565656)),),
                                          decoration: BoxDecoration(
                                              border: Border.all(color: Color(0xFF565656),width: 0.5)
                                          ),
                                          alignment: Alignment.center,
                                        ),
                                      ],
                                    ),
                                  ),
                                  RichText(
                                    text: TextSpan(
                                        text: '￥',
                                        style: TextStyle(fontSize: zsp(20),color: Color(0xFFEB423B),fontWeight: FontWeight.normal),
                                        children: [
                                          TextSpan(
                                            text: '200,000',
                                            style: TextStyle(fontSize: zsp(36),fontWeight: FontWeight.bold),
                                          ),
                                          TextSpan(
                                            text: '元起',
                                          )
                                        ]
                                    ),
                                  )
                                ],
                                crossAxisAlignment: CrossAxisAlignment.start,
                              ),
                              padding: EdgeInsets.all(hsp(20)),
                            )
                          ],
                        ),
                      );
                    },
                    separatorBuilder: (context,indexSub){
                      return Divider(height: hsp(24),thickness: hsp(24),color: Color(0xFFF1F2F3),);
                    },
                    itemCount: 3,
                    physics: NeverScrollableScrollPhysics(),
                  );
                }).toList(),
              ),
            ),
          ],
        ),
      ),
    );
  }
}