7 changed files with 287 additions and 195 deletions
@ -0,0 +1,111 @@ |
|||||||
|
import 'dart:ui'; |
||||||
|
|
||||||
|
import 'package:flutter/cupertino.dart'; |
||||||
|
import 'package:flutter/material.dart'; |
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
||||||
|
|
||||||
|
import '../retrofit/retrofit_api.dart'; |
||||||
|
import '../view_widget/my_appbar.dart'; |
||||||
|
|
||||||
|
|
||||||
|
class ImSearch extends StatefulWidget { |
||||||
|
@override |
||||||
|
State<StatefulWidget> createState() { |
||||||
|
return _ImSearch(); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
class _ImSearch extends State<ImSearch> { |
||||||
|
ApiService apiService; |
||||||
|
final TextEditingController editingController = TextEditingController(); |
||||||
|
FocusNode _focusNode = FocusNode(); |
||||||
|
|
||||||
|
@override |
||||||
|
void initState() { |
||||||
|
super.initState(); |
||||||
|
} |
||||||
|
|
||||||
|
///离开页面记着销毁和清除 |
||||||
|
@override |
||||||
|
void dispose() { |
||||||
|
_focusNode.unfocus(); |
||||||
|
super.dispose(); |
||||||
|
} |
||||||
|
|
||||||
|
@override |
||||||
|
Widget build(BuildContext context) { |
||||||
|
return GestureDetector( |
||||||
|
onTap:(){ |
||||||
|
FocusScope.of(context).requestFocus(FocusNode()); |
||||||
|
}, |
||||||
|
child: Scaffold( |
||||||
|
backgroundColor: Color(0xFFFFFFFF), |
||||||
|
resizeToAvoidBottomInset: false, |
||||||
|
appBar: MyAppBar( |
||||||
|
title: "", |
||||||
|
leading: true, |
||||||
|
leadingColor: Colors.black, |
||||||
|
background: Color(0xFFFFFFFF), |
||||||
|
), |
||||||
|
body: Container( |
||||||
|
child: Column( |
||||||
|
crossAxisAlignment: CrossAxisAlignment.start, |
||||||
|
children: [ |
||||||
|
imSearch(), |
||||||
|
// Expanded( |
||||||
|
// child: ListView.builder( |
||||||
|
// itemCount: 10, |
||||||
|
// physics: BouncingScrollPhysics(), |
||||||
|
// shrinkWrap: true, |
||||||
|
// itemBuilder: (context, position) { |
||||||
|
// return imSearch(); |
||||||
|
// }, |
||||||
|
// )), |
||||||
|
], |
||||||
|
), |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
|
||||||
|
///搜索列表 |
||||||
|
Widget imSearch() { |
||||||
|
return Container( |
||||||
|
margin: EdgeInsets.fromLTRB(16.w, 8.h, 16.w,29.h), |
||||||
|
padding: EdgeInsets.symmetric(vertical: 13.h), |
||||||
|
decoration: BoxDecoration( |
||||||
|
color: Color(0xFFFDFCFC), |
||||||
|
borderRadius: BorderRadius.circular(4), |
||||||
|
), |
||||||
|
child: TextField( |
||||||
|
textInputAction: TextInputAction.search, |
||||||
|
onEditingComplete: () { |
||||||
|
FocusScope.of(context).requestFocus(FocusNode()); |
||||||
|
}, |
||||||
|
controller: editingController, |
||||||
|
style: TextStyle( |
||||||
|
fontSize: 14.sp, |
||||||
|
), |
||||||
|
decoration: InputDecoration( |
||||||
|
hintText: "搜索", |
||||||
|
hintStyle: TextStyle( |
||||||
|
fontSize: 14.sp, |
||||||
|
color: Color(0xFFA29E9E), |
||||||
|
), |
||||||
|
isCollapsed: true, |
||||||
|
prefixIcon: Padding( |
||||||
|
padding: EdgeInsets.only(left: 15.w, right: 5.w), |
||||||
|
child: Image.asset( |
||||||
|
"assets/image/icon_search.webp", |
||||||
|
width: 14.h, |
||||||
|
height: 14.h, |
||||||
|
color: Color(0xFFB3B3B3), |
||||||
|
), |
||||||
|
), |
||||||
|
prefixIconConstraints: BoxConstraints(), |
||||||
|
border: InputBorder.none, |
||||||
|
), |
||||||
|
), |
||||||
|
); |
||||||
|
} |
||||||
|
} |
||||||
Loading…
Reference in new issue