admin
2022-01-20 d8ef9a783b9e0b2a495f02fdf3daaf27ef49e99d
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
import 'dart:ui';
 
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import '../../api/http.dart';
import '../../ui/widget/nav.dart';
import '../../utils/string_util.dart';
import '../../utils/ui_utils.dart';
 
void main() {
  runApp(MyApp());
}
 
class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: '提意见',
      theme: ThemeData(primaryColor: Color(0xFFF5F5F5)),
      home: AdviceSubmitPage(title: ''),
    );
  }
}
 
class AdviceSubmitPage extends StatefulWidget {
  AdviceSubmitPage({Key? key, required this.title}) : super(key: key);
 
  // This widget is the home page of your application. It is stateful, meaning
  // that it has a State object (defined below) that contains fields that affect
  // how it looks.
 
  // This class is the configuration for the state. It holds the values (in this
  // case the title) provided by the parent (in this case the App widget) and
  // used by the build method of the State. Fields in a Widget subclass are
  // always marked "final".
 
  final String title;
 
  @override
  _AdviceSubmitPageState createState() => _AdviceSubmitPageState();
}
 
class _AdviceSubmitPageState extends State<AdviceSubmitPage>
    with SingleTickerProviderStateMixin {
  List<String> questions = ["账号问题", "定位问题", "其他问题"];
 
  final TextEditingController _contentController = TextEditingController();
 
  @override
  void initState() {
    super.initState();
  }
 
  BoxDecoration getItemDecoration(Color bgColor, Color shadowColor) {
    return BoxDecoration(
        borderRadius: BorderRadius.all(Radius.elliptical(10, 10)),
        color: bgColor,
        boxShadow: [
          BoxShadow(
              color: shadowColor,
              blurRadius: 2.0,
              offset: Offset(0.0, 5.0), //阴影y轴偏移量
              spreadRadius: 1 //阴影扩散程度
              )
        ]);
  }
 
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        resizeToAvoidBottomInset: false,
        backgroundColor: Color(0xFFFFFFFF),
        body: Container(
          child: Flex(
            direction: Axis.vertical,
            children: [
              TopNavBar(title: "提意见"),
              Container(
                padding: const EdgeInsets.fromLTRB(17.5, 15, 17.5, 15),
                decoration: BoxDecoration(
                    color: const Color(0xFFFAFAFA),
                    border: Border.all(color: Color(0xFFDBDBDB))),
                child: Flex(
                  direction: Axis.vertical,
                  mainAxisAlignment: MainAxisAlignment.center,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Wrap(
                      children: getQuestionTypes(),
                    ),
                    Container(
                      child: TextField(
                        controller: _contentController,
                        maxLines: 9,
                        maxLength: 200,
                        decoration: const InputDecoration(
                            focusedBorder: InputBorder.none,
                            border: InputBorder.none,
                            counterStyle: TextStyle(color: Color(0xFF666666)),
                            hintText: "请描述您要反馈的问题或意见",
                            hintStyle: TextStyle(
                                fontSize: 15, color: Color(0xFF999999))),
                        style:
                            TextStyle(color: Color(0xFF666666), fontSize: 15),
                        onChanged: (value) {},
                      ),
                    )
                  ],
                ),
              ),
              //按钮
              Container(
                margin: EdgeInsets.fromLTRB(18, 50, 18, 0),
                child: InkWell(
                  onTap: () {
                    var content = _contentController.text;
                    if (StringUtil.isNullOrEmpty(content)) {
                      ToastUtil.toast("请填写问题");
                      return;
                    }
                    var type;
                    if (checkIndex > -1) {
                      type = questions[checkIndex];
                    }
 
                    FeedBackApiUtil.advice(context, type, content).then((value) {
                      if (value == null) {
                        return;
                      }
                      if (value["code"] == 0) {
                        Navigator.of(context).pop();
                      } else {
                        ToastUtil.toast(value["msg"]);
                      }
                    });
                  },
                  child: Container(
                    height: 42.5,
                    alignment: Alignment.center,
                    decoration: const BoxDecoration(
                        color: Color(0xFF0E96FF),
                        borderRadius: BorderRadius.all(Radius.circular(10))),
                    child: const Text(
                      "提交反馈",
                      style: TextStyle(color: Colors.white, fontSize: 18),
                    ),
                  ),
                ),
              )
            ],
          ),
        ));
  }
 
  int checkIndex = -1;
 
  List<Widget> getQuestionTypes() {
    List<Widget> list = [];
 
    for (int i = 0; i < questions.length; i++) {
      list.add(InkWell(
          onTap: () {
            if (checkIndex == i) {
              setState(() {
                checkIndex = -1;
              });
            } else {
              setState(() {
                checkIndex = i;
              });
            }
          },
          child: Container(
            alignment: Alignment.center,
            padding: EdgeInsets.fromLTRB(10, 0, 10, 0),
            margin: EdgeInsets.fromLTRB(0, 0, 17.5, 0),
            height: 35,
            width: 80,
            decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.circular(17.5),
                border: Border.all(
                    color: i == checkIndex
                        ? Color(0xFF0E96FF)
                        : Color(0xFFB4B4B4))),
            child: Text(
              questions[i],
              style: TextStyle(
                  color:
                      i == checkIndex ? Color(0xFF0E96FF) : Color(0xFF666666),
                  fontSize: 14),
            ),
          )));
    }
 
    return list;
  }
}