适合扩展列表标题宽度的文本

时间:2018-12-27 13:43:08

标签: dart flutter

am使用我自定义的ExpandedList ..但当文本很长时,标头溢出....

enter image description here

这是如何使用它:

new CustomExpansionPanelList2(
                          expansionCallback: (int index, bool isExpanded) {
                            setState(() {
                              faqList[index].isExpanded =
                                  !faqList[index].isExpanded;
                            });
                          },
                          children: faqList.map((Faq i) {
                            return new ExpansionPanel(
                              headerBuilder:
                                  (BuildContext context, bool isExpanded) {
                                return new Container(
                                  child: new Row(
                                    children: <Widget>[
                                      SizedBox(child: Text(
                                        i.question,
                                        style:
                                        TextStyle(color: Color(0xff606060)),
                                      ),),

                                    ],
                                  ),
                                );
                              },
                              isExpanded: i.isExpanded,
                              body: new Center(
                                child: new Padding(
                                  padding: EdgeInsets.all(10.0),
                                  child: Text(i.answer),
                                ),
                              ),
                            );
                          }).toList(),
                        ),

我希望文本要两行或更多行以使其适合扩展列表的宽度。

如何实现?

1 个答案:

答案 0 :(得分:0)

只需将SizedBox替换为headerBuilder

        return new Container(
                                          child: new Row(
                                            children: <Widget>[
                                              Expanded(child: Text(
                                                i.question,
                                                style:
                                                TextStyle(color: Color(0xff606060)),
                                              ),),

                                            ],
                                          ),
                                        );