您的位置:首页 > 科技 > IT业 > 龙岗网络营销_页面设计怎么弄_黄页推广引流网站_百度贴吧官网app下载

龙岗网络营销_页面设计怎么弄_黄页推广引流网站_百度贴吧官网app下载

2024/12/26 23:24:58 来源:https://blog.csdn.net/qq_40745143/article/details/143764302  浏览:    关键词:龙岗网络营销_页面设计怎么弄_黄页推广引流网站_百度贴吧官网app下载
龙岗网络营销_页面设计怎么弄_黄页推广引流网站_百度贴吧官网app下载

父页面,传值给子组件,子组件把数据传递给二级页面

父页面

final List _datas; // 通过接口请求到的数据...
...// 父页面中的子组件:SearchCell
body: Container(child:SearchCell(datas: _datas,);
)

子组件:SearchCell

class SearchCell extends StatelessWidget {final List? datas;const SearchCell({this.datas});
}// 触发某次点击事件,把datas传递过去
onTap: (){Navigator.of(context).push(// 把数据传递给搜索页MaterialPageRoute(builder: (BuildContext context)=> SearchPage(datas: datas,)));
},

搜索页

class SearchPage extends StatefulWidget {final List? datas;const SearchPage({this.datas});@overrideState<SearchPage> createState() => SearchPageState();
}
class SearchPageState extends State<SearchPage> {final List _modals = [];// 根据搜索的内容去检索上个页面传来的datasvoid _searchData(String text) {// 每次搜索先清空_modals.clear();if(text.length>0){for(int i = 0; i < widget.datas.length; i ++){String name = widget.datas[i].name;// contains 是否包含if(name.contains(text)){_modals.add(widget.datas[i]);}}}}........children: [SearchBar(onChanged: (String texts){_searchData(text);},),]
}// 搜索页内的小部件,头部的搜索框,
class SearchBar extends StatefulWidget {// 定义onChanged的回调方法final ValueChanged<String>? onChanged;const SearchBar({this.onChanged});@overrideState<SearchBar> createState() => SearchBarState();
}
class SearchBarState extends State<SearchBar> {// 监听输入框的变化void _onChange(String value){if(widget.onChanged != null){widget.onChanged!(value);}}
}

输入框变化后,检索datas的内容:
在这里插入图片描述

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com