first commit
This commit is contained in:
编码猿
211
moehu/moehu_fontend/lib/views/Index/IndexSearch.dart
Normal file
211
moehu/moehu_fontend/lib/views/Index/IndexSearch.dart
Normal file
@@ -0,0 +1,211 @@
|
||||
import 'dart:developer';
|
||||
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_modular/flutter_modular.dart';
|
||||
import 'package:peach/config/_.dart';
|
||||
import 'package:peach/entity/_.dart';
|
||||
import 'package:peach/service/TagService.dart';
|
||||
import 'package:peach/utils/_.dart';
|
||||
import 'package:peach/views/Dynamic/Topic.dart';
|
||||
import 'package:peach/widget/Panel.dart';
|
||||
|
||||
import 'dart:convert';
|
||||
import 'dart:convert' as convert;
|
||||
|
||||
import 'package:peach/widget/_.dart';
|
||||
|
||||
/*
|
||||
* 首页搜索页
|
||||
*/
|
||||
class IndexSearch extends StatefulWidget {
|
||||
final Function clickHead;
|
||||
|
||||
const IndexSearch({Key key, this.clickHead}) : super(key: key);
|
||||
@override
|
||||
_IndexSearch createState() => _IndexSearch();
|
||||
}
|
||||
|
||||
class _IndexSearch extends State<IndexSearch>
|
||||
with SingleTickerProviderStateMixin {
|
||||
TextEditingController _controller;
|
||||
|
||||
List<TagRecommendTagEntityData> recommendTagList = [];
|
||||
|
||||
List<String> historyList = [];
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
// SharedPreferences 初始化
|
||||
SPreferences.init();
|
||||
getHistory();
|
||||
_controller = TextEditingController(text: "");
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return FutureBuilder(
|
||||
future: future(),
|
||||
builder: (context, snapshot) {
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
title: search(),
|
||||
toolbarHeight: Screen.setHeight(40),
|
||||
centerTitle: true,
|
||||
backgroundColor: ColorConfig.ThemeColor,
|
||||
),
|
||||
body: Container(
|
||||
height: Screen.height(context) - Screen.setHeight(45) - Config.top,
|
||||
width: Screen.width(context),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Container(
|
||||
height: Screen.setHeight(140),
|
||||
child: Topic(
|
||||
topicList: recommendTagList,
|
||||
onTap: (rel) {
|
||||
setHistory(rel);
|
||||
Modular.to.pushNamed("/indexResultsList/$rel/0");
|
||||
}),
|
||||
),
|
||||
Container(
|
||||
height: Screen.setHeight(200),
|
||||
child: titleSection(
|
||||
"历史搜索",
|
||||
Wrap(
|
||||
crossAxisAlignment: WrapCrossAlignment.end,
|
||||
runSpacing: 5,
|
||||
spacing: 10,
|
||||
children: [
|
||||
...historyList
|
||||
.asMap()
|
||||
.keys
|
||||
.map(
|
||||
(e) => GestureDetector(
|
||||
onTap: () {
|
||||
String res = historyList[e];
|
||||
setHistory(res);
|
||||
Modular.to.pushNamed(
|
||||
"/indexResultsList/${res}/0",
|
||||
);
|
||||
},
|
||||
child: Text(
|
||||
historyList[e],
|
||||
style: TextStyle(
|
||||
color: ColorConfig.ThemeColor,
|
||||
fontSize: 16),
|
||||
),
|
||||
),
|
||||
)
|
||||
.toList(),
|
||||
],
|
||||
)),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
Widget search() {
|
||||
return Container(
|
||||
width: Screen.width(context),
|
||||
height: Screen.setHeight(28),
|
||||
decoration: BoxDecoration(
|
||||
color: ColorConfig.WhiteBackColor,
|
||||
borderRadius: BorderRadius.all(Radius.circular(28.0)),
|
||||
),
|
||||
child: TextField(
|
||||
controller: _controller,
|
||||
textInputAction: TextInputAction.search,
|
||||
onSubmitted: (res) {
|
||||
_controller.text = "";
|
||||
setHistory(res);
|
||||
Modular.to.pushNamed("/indexResultsList/$res/0");
|
||||
},
|
||||
decoration: InputDecoration(
|
||||
isDense: true,
|
||||
hintText: "请输入关键字",
|
||||
prefixIcon: Icon(
|
||||
Icons.search,
|
||||
color: ColorConfig.TextColor,
|
||||
size: 20,
|
||||
),
|
||||
fillColor: ColorConfig.ThemeColor,
|
||||
labelStyle: TextStyle(color: ColorConfig.ThemeColor),
|
||||
enabledBorder: UnderlineInputBorder(
|
||||
//选中时下边框颜色
|
||||
borderSide: BorderSide(color: ColorConfig.ThemeColor),
|
||||
),
|
||||
focusedBorder: UnderlineInputBorder(
|
||||
//选中时下边框颜色
|
||||
borderSide: BorderSide(color: ColorConfig.ThemeColor),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget titleSection(String title, Widget child) {
|
||||
return Panel(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start, //分析 2
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.only(bottom: 8.0),
|
||||
child: Text(
|
||||
title,
|
||||
style: TextStyle(
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: child,
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
future() async {
|
||||
await tagRecommendTag();
|
||||
}
|
||||
|
||||
tagRecommendTag() async {
|
||||
List<TagRecommendTagEntityData> res = await TagService.tagRecommendTag({});
|
||||
if (res != null) {
|
||||
recommendTagList = res.take(5).toList();
|
||||
}
|
||||
}
|
||||
|
||||
setHistory(String value) {
|
||||
int index = historyList.indexOf(value);
|
||||
if (index == -1) {
|
||||
setHistoryList(value);
|
||||
return;
|
||||
}
|
||||
historyList.remove(value);
|
||||
setHistoryList(value);
|
||||
}
|
||||
|
||||
getHistory() {
|
||||
String res = SPreferences().getString("historyList");
|
||||
print(res);
|
||||
if (res != null) {
|
||||
List<String> res =
|
||||
jsonDecode(SPreferences().getString("historyList")).cast<String>();
|
||||
historyList = res;
|
||||
}
|
||||
}
|
||||
|
||||
setHistoryList(String value) {
|
||||
historyList = [value, ...historyList];
|
||||
SPreferences().setString("historyList", convert.jsonEncode(historyList));
|
||||
setState(() {});
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user