flutter下拉列表

实现无滚动标题的下拉列表组件

最新推荐文章于 2024-11-05 09:58:35 发布

原创

最新推荐文章于 2024-11-05 09:58:35 发布 · 757 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

下拉列表

内容和下拉列表的标题均可滑动

Expanded： 内容限制组件，将其子类中的无限扩展的界面限制在一定范围中。在此使用，是为了防止下拉列表中的内容超过了屏幕限制。

SingleChildScrollView： 这个组件，从名字中可以看出来，不必多说，是可以控制的滑动组件，并且是其系统自带的

ExpansionTile： 这个就是系统自带的下拉列表组件，title中展示下拉列表的标题，children[ ] 中展示下拉列表的内容。

 Expanded(
        child: SingleChildScrollView(	//滑动组件
            child: ExpansionTile(	
      title: Text(		//下拉列表的标题
        "详细信息",
        style: TextStyle(
            fontWeight: FontWeight.bold, fontSize: ScreenUtil().setSp(32)),
      ),
      children: [  //下拉列表中的内容
        Container(
            padding: EdgeInsets.only(left: 30, right: 20, bottom: 10),
            child: _patientinfo()),
        Container(
          padding: EdgeInsets.only(left: 30, right: 20, bottom: 10),
          child: _vitalsign(),
        ),
        Container(
          padding: EdgeInsets.only(left: 30, right: 20, bottom: 20),
          child: _inspect(),