PROSAGA码农传奇-flutter-Flutter Expansion Tile未在卡片列表视图中打开

<div class =“post-text”itemprop =“text”>
  
    你现在做的是 - 每次点击你：
  
  <UL>
    <LI>
      call print方法 - 它打印到控制台。
    </LI>
    <LI>
      调用返回的函数
       <code>
 ExpansionTile
 </code>
       小部件。
    </LI>
  </UL>
  
    但是你没有对返回的值做任何事情，它甚至没有机会进入你的小部件树，它只是简单地构建而没有用它做任何事情。
  
  
     <code>
 ExpansionTile
 </code>
     是一个小部件，包括：
  
  <UL>
    <LI>
      
        每个3个插槽可以容纳Widget（或树）：
      
      <OL>
        <LI>
          窗口小部件
           <code>
 leading
 </code>
            - 通常你在这里放置头像/图标/复选框
        </LI>
        <LI>
          窗口小部件
           <code>
 title
 </code>
            - 瓷砖的主要内容
        </LI>
        <LI>
          窗口小部件
           <code>
 trailing
 </code>
            - tile的结尾，下拉箭头的最佳位置（默认情况下包含在ExpansionTile中）
        </LI>
      </醇>
    </LI>
    <LI>
      
        和a
         <code>
 children
 </code>
         数组 - 展开时显示的内容;
      
    </LI>
  </UL>
  
    码：
  
   <pre>
 <code>
 @override
 Widget build(BuildContext context) {
 return Container(
 child: ListView.builder(itemBuilder: (BuildContext ctxt, int index) {
 return new Container(
 margin: new EdgeInsets.fromLTRB(0, 10, 20, 0),
 decoration: new BoxDecoration(
 //color:Color.fromRGBO(255, 255,255, 1),
 borderRadius: new BorderRadius.only(
 topRight: const Radius.circular(35),
 bottomRight: const Radius.circular(35)),
 ),
 width: double.infinity,
 // height: 55,
 child: Card(
 elevation: 5,
 clipBehavior: Clip.antiAlias,
 shape: RoundedRectangleBorder(
 borderRadius: new BorderRadius.only(
 topRight: const Radius.circular(35),
 bottomRight: const Radius.circular(35)),
 ),
 child: expansionList(ctxt, index),
 ),
 );
 }),
 );
 }

</code>
 </pre>
  
    并将任何你想要的东西放在折叠的瓷砖上
     <code>
 leading
 </code>
     和
     <code>
 title
 </code>
    ，如果你想自定义箭头 - 使用自定义
     <code>
 trailing
 </code>
    。
  
   <pre>
 <code>
 Widget expansionList(BuildContext context, int index) {
 print("Building expansion tile");
 return new ExpansionTile(
 initiallyExpanded: false,
 leading: Icon(Icons.all_inclusive), 
 title: Column(
 children: <Widget>[
 Row(
 crossAxisAlignment: CrossAxisAlignment.center,
 mainAxisAlignment: MainAxisAlignment.spaceBetween,
 children: <Widget>[
 Text('Content'),
 RaisedButton(
 child: Text('Button'),
 onPressed: () {},
 ),
 Text('Row 1'),
 ],
 ),
 Row(
 crossAxisAlignment: CrossAxisAlignment.center,
 children: <Widget>[
 Text('Content row 2'),
 ],
 ),
 Row(
 mainAxisAlignment: MainAxisAlignment.end,
 children: <Widget>[
 Text('Content row 3')
 ],
 )
 ],
 ),
 children: <Widget>[
 Image.network(
 "https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-logo.png",
 height: 55,
 ),
 ],
 );
 }

</code>
 </pre>
  
    <a href="https://i.stack.imgur.com/ei06h.gif" rel="nofollow noreferrer">
      <img src =“https://i.stack.imgur.com/ei06h.gif”alt =“https://media.giphy.com/media/FPpU31paQvrOgPpaAx/giphy.gif”/>
    </A>
  
  
    
      PS熟悉代码格式化热键组合，并始终使用尾随逗号 - 代码将自动格式化更好
    
  
</DIV>