logistics-client-flutter/lib/pages/send_express_page.dart

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


class SendExpressPage extends StatefulWidget {
  final Widget child;

  SendExpressPage({
    Key key,
    this.child
  }): super(key: key);

  _SendExpressPageState createState() => _SendExpressPageState();
}

class _SendExpressPageState extends State < SendExpressPage > with AutomaticKeepAliveClientMixin{

  @override
  bool get wantKeepAlive => true;

  final Map < Object,
  String > sendInfo = {
    "icon": 'lib/images/icon_send.png',
    "title": "发件信息",
    "phone": "010-8788 6890",
    "code": "345678",
    "name": "朝阳门大阳汽贸",
    "address": "北京市朝阳区",
    "addressDetail": "朝阳门外大街28号"
  };

  final Map < Object,
  String > getInfo = {
    "icon": 'lib/images/icon_shoujian.png',
    "title": "收件信息",
    "name": "香河汽修厂",
    "phone": "010-6734 3426",
    "address": "河北省廊坊市",
    "addressDetail": "香河县东大街29号院18栋3单元206"
  };

  Map < String,
  String > _itemInfo = {
    "icon": "lib/images/icon_huowu.png",
    "title": "货物信息",
    "itemName": "汽车轮胎",
    "itemNo": "4",
    "expressPrice": "15",
    "collectionPrice": "15800",
    "supportPrice": "5000",
    "weight": "600",
    "itemDesc": "轮胎请核对数量轮胎请"
  };
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Scaffold(
        appBar: AppBar(
          title: Text('发件', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(36)), ),
          centerTitle: true,
          backgroundColor: Color.fromRGBO(64, 98, 254, 1),
          // leading: GestureDetector(
          //   child: Icon(Icons.arrow_back),
          //   onTap: (){
          //      Navigator.pushReplacement(context, MaterialPageRoute(builder: (context){
          //       return HomePage();
          //     }));
          //   },
          // ),
        ),
        body: Container(
          color: Color.fromRGBO(246, 246, 254, 1),
          padding: EdgeInsets.fromLTRB(0, ScreenUtil.getInstance().setHeight(20), 0, ScreenUtil.getInstance().setHeight(20)),
          child: ListView(
            children: < Widget > [
              _sendInfo(sendInfo),
              _getInfo(getInfo),
              _itemInfoWidget(_itemInfo),
              _submitBtn()
            ],
          ),
        ),
        resizeToAvoidBottomPadding: false //键盘弹出，页面不跟随向上滑动,防止出现溢出错误
      ),
    );
  }

  Widget _sendInfo(Map str) {
    return Container(
      color: Colors.white,
      margin: EdgeInsets.only(bottom: ScreenUtil.getInstance().setHeight(20)),
      child: Column(
        children: < Widget > [
          _titleWidget(str['icon'], str['title']),
          _underLine(),
          _contentWiget('电话', str['phone']),
          _contentWiget('企业编码', str['code']),
          _contentWiget('企业名称', str['name']),
          _contentWiget('城市/区域', str['address']),
          _lastContentWiget('详细地址', str['addressDetail'])
        ],
      )
    );
  }

   Widget _getInfo(Map str) {
    return Container(
      color: Colors.white,
      margin: EdgeInsets.only(bottom: ScreenUtil.getInstance().setHeight(20)),
      child: Column(
        children: < Widget > [
          _titleWidget(str['icon'], str['title']),
          _underLine(),
          _contentWiget('企业名称', str['name']),
          _contentWiget('电话', str['phone']),
          _contentWiget('城市/区域', str['address']),
          _lastContentWiget('详细地址', str['addressDetail'])
        ],
      )
    );
  }

  Widget _itemInfoWidget(Map _itemInfo){
    return Container(
      child: Container(
        color: Colors.white,
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: < Widget > [
            _titleWidget(_itemInfo['icon'], "货物信息"),
            _underLine(),
            _contentWiget("货物名称", _itemInfo["itemName"]),
            _contentWiget("数量", _itemInfo["itemNo"]),
            _contentWiget("运费", _itemInfo["expressPrice"]),
            _contentWiget("代收", _itemInfo["collectionPrice"]),
            _contentWiget("保价", _itemInfo["supportPrice"]),
            _contentWiget("重量", _itemInfo["weight"]),
            _descWidget(_itemInfo['itemDesc'])
          ],
        ),
      )
    );
  }

  Widget _titleWidget(String iconUrl, String str) {
    return Container(
      height: ScreenUtil.getInstance().setHeight(90),
      padding: EdgeInsets.only(left: ScreenUtil.getInstance().setWidth(30)),
      child: Center(
        child: Row(
          mainAxisAlignment: MainAxisAlignment.start,
          children: < Widget > [
            Padding(
              padding: EdgeInsets.only(right: ScreenUtil.getInstance().setHeight(20)),
              child: Image.asset(
                iconUrl,
                width: ScreenUtil.getInstance().setWidth(40),
                height: ScreenUtil.getInstance().setHeight(40),
              )
            ),
            Text(str, style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(32)), )
          ],
        ),
      ),
    );
  }

  Widget _underLine() {
    return Container(
      color: Color.fromRGBO(223, 223, 223, 1),
      height: ScreenUtil.getInstance().setHeight(1),
    );
  }

  Widget _contentWiget(String key, String value) {
    return Padding(
      padding: EdgeInsets.only(left: ScreenUtil.getInstance().setWidth(30)),
      child: Column(
        children: < Widget > [
          SizedBox(
            height: ScreenUtil.getInstance().setHeight(89),
            child: Center(
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: < Widget > [
                  Expanded(
                    flex: 0,
                    child: Text('${key}', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(30), color: Color.fromRGBO(74, 74, 74, 1)), ),
                  ),
                  Expanded(
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.end,
                      children: < Widget > [
                        //Text('${value}', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(30), color: Color.fromRGBO(136, 136, 136, 1)), ),
                        SizedBox(
                          width: ScreenUtil.getInstance().setWidth(500),
                          child:TextField(
                            keyboardType: TextInputType.number,
                            textAlign: TextAlign.end,
                            decoration: InputDecoration(
                              border: InputBorder.none
                            ),
                          ),
                        ),
                        
                        Icon(Icons.keyboard_arrow_right,color:Color.fromRGBO(199,199,204,1) ,)
                      ],
                    )
                  )
                ],
              ),
            )
          ),
          Expanded(
            flex: 0,
            child: _underLine()
          )
        ],
      )
    );
  }

  Widget _lastContentWiget(String key, String value) {
    return Padding(
      padding: EdgeInsets.only(left: ScreenUtil.getInstance().setWidth(30)),
      child: SizedBox(
          height: ScreenUtil.getInstance().setHeight(89),
          child: Center(
            child: Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: < Widget > [
                Expanded(
                    flex: 0,
                    child: Text('${key}', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(30), color: Color.fromRGBO(74, 74, 74, 1)), ),
                  ),
                  Expanded(
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.end,
                      children: < Widget > [
                        //Text('${value}', style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(30), color: Color.fromRGBO(136, 136, 136, 1)), ),
                        SizedBox(
                          width: ScreenUtil.getInstance().setWidth(500),
                          child:TextField(
                            keyboardType: TextInputType.number,
                            textAlign: TextAlign.end,
                            decoration: InputDecoration(
                              border: InputBorder.none
                            ),
                          ),
                        ),
                        
                        Icon(Icons.keyboard_arrow_right,color:Color.fromRGBO(199,199,204,1) ,)
                      ],
                    )
                  )
              ],
            ),
          )
        )
    );
  }


  Widget _descWidget(String str) {
    return
    Container(
      padding: EdgeInsets.all(ScreenUtil.getInstance().setWidth(30)),
      //child: Text(str, maxLines: 100, style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(30), color: Color.fromRGBO(74, 74, 74, 1)), ),
      child: TextField(
        maxLines: 3,
        decoration: InputDecoration(
          border: InputBorder.none,
          hintText: "请输入备注内容"
        ),
      ),
    );
  }

  Widget _submitBtn() {
    return GestureDetector(
      child: Container(
        margin: EdgeInsets.fromLTRB(ScreenUtil.getInstance().setWidth(30), ScreenUtil.getInstance().setWidth(50), ScreenUtil.getInstance().setWidth(30), ScreenUtil.getInstance().setWidth(40)),
        height: ScreenUtil.getInstance().setHeight(88),
        decoration: BoxDecoration(
          borderRadius: BorderRadius.all(Radius.circular(4)),
          color: Color.fromRGBO(37, 102, 242, 1),
        ),
        child: Center(
          child: Text("提交", style: TextStyle(fontSize: ScreenUtil.getInstance().setSp(32), color: Colors.white), ),
        ),
      ),
      onTap: () {
        print('提交');
      },
    );
  }
}