[英]flutter how to make a container expand with result from text field search
[英]How to make search and text in row in Flutter?
我试图让它排成一行,但是屏幕上什么都没有。 在Flutter怎么解决?
应用栏
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 10.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
const Text(
"Goals",
style: TextStyle(fontSize: 16, fontWeight: FontWeight.bold),
搜索
@override
Widget build(BuildContext context) {
return Padding(
padding: const EdgeInsets.symmetric(horizontal: 10),
child: Container(
height: 55,
decoration: BoxDecoration(
color: Colors.grey[200],
),
child: TextFormField(
decoration: const InputDecoration(
prefixIcon: Icon(Icons.search),
hintText: "Search",
hintStyle: TextStyle(
color: Colors.black,
),
enabledBorder: OutlineInputBorder(
borderSide: BorderSide.none,
),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide.none,
),
),
),
),
);
在屏幕中我尝试将这两个小部件放在行中,但不起作用
return Scaffold(
body: SafeArea(
child: ListView(
children: <Widget>[
const CustomAppBar(),
const SearchBar(),
这是我的结果:
您可以使用CupertinoSearchTextField()
来自文档的示例
Padding(
padding: const EdgeInsets.all(8.0),
child: Center(
child: CupertinoSearchTextField(),
),
),
Row(
children: [
Padding(
padding: const EdgeInsets.all(8.0),
child: Text("Goals"),
),
Expanded(child: CupertinoSearchTextField()),
],
),
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.