Я хочу знать, как создать панель поиска, в которой она фильтрует поисковый ввод пользователей по группам или вкладкам, таким как люди, теги, места, как в instagram, но я не знаю, как это сделать!
Кто-нибудь знает, как реализовать панель поиска с такими вкладками, как в instagram, с помощью флаттера?
comment
Чтобы использовать этот плагин и используйте его, как хотите: - stackoverflow.com/a/61727414/10563627
- person Paresh Mangukiya schedule 11.05.2020
Ответы (1)
Это может выглядеть так:
import 'package:flutter/material.dart';
main() => runApp(
MaterialApp(
// home: Scaffold(
// body: Container(child: SearchButton()),
home: Body()),
);
class Body extends StatefulWidget {
@override
_BodyState createState() => _BodyState();
}
class _BodyState extends State<Body> {
TextEditingController controller;
@override
void initState() {
super.initState();
controller = TextEditingController();
}
@override
Widget build(BuildContext context) {
return DefaultTabController(
length: 2,
child: Scaffold(
appBar: AppBar(
leading: Icon(Icons.search),
title: TextField(
controller: controller,
cursorColor: Colors.white,
style: TextStyle(color: Colors.white),
),
bottom: TabBar(tabs: [
Tab(icon: Icon(Icons.people)),
Tab(icon: Icon(Icons.location_city)),
]),
),
body: TabBarView(children: [Container(), Container()]),
),
);
}
}
Требуемый результат:
Результат кода:
person
Butzlabben
schedule
17.04.2019
Мне нужна панель поиска с вкладками в нижней части панели поиска.
- person Dead Pool; 18.04.2019
Пожалуйста, предоставьте скриншот или концепт
- person Butzlabben; 18.04.2019
В вашем коде есть небольшая ошибка с панелью вкладок, в которой нет контроллера вкладок.
- person Dead Pool; 18.04.2019
Пожалуйста, не пишите целые кодовые решения для людей, которые слишком ленивы, чтобы прилагать какие-либо усилия для себя.
- person Ian Kemp; 18.04.2019
Хорошо, я не буду делать это снова.
- person Butzlabben; 18.04.2019
