- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我试图解决这个问题几个小时,但是没有运气。我在这里看到过类似的问题,但它们似乎都不适合我的情况。这是简化的代码
static final List<String> _listViewData = [
'Option1',
'Option2',
"Option3",
"Option4",
"Option5",
"Option6",
"Option7"
];
body: Container(
height: 450,
child: ListView.builder(
itemCount: _listViewData.length,
itemBuilder: (context, index) => ExpansionTile(
subtitle: Text('description'),
children: <Widget>[Text('expanded')],
title: Text(_listViewData[index]),
),
),
),
最佳答案
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'ExpansionTile Collapse',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'ExpansionTile Collapse'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
// selected's value = 0. For default first item is open.
int selected = 0; //attention
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
centerTitle: true,title: Text('ExpansionTile Collapse', style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold)),
),
body: Container(color: Colors.white,
child: SingleChildScrollView(
child : Column(
children : [
ListView.builder(
key: Key('builder ${selected.toString()}'), //attention
padding: EdgeInsets.only(left: 13.0, right: 13.0, bottom: 25.0),
shrinkWrap: true,
physics: NeverScrollableScrollPhysics(),
itemCount: 5,
itemBuilder: (context, index) {
return Column(
children: <Widget>[
Divider(
height: 17.0,
color: Colors.white,
),
ExpansionTile(
key: Key(index.toString()), //attention
initiallyExpanded : index==selected, //attention
leading: Icon(Icons.person, size: 50.0, color: Colors.black,),
title: Text('Faruk AYDIN ${index}',style: TextStyle(color: Color(0xFF09216B), fontSize: 17.0, fontWeight: FontWeight.bold)),
subtitle: Text('Software Engineer', style: TextStyle(color: Colors.black, fontSize: 13.0, fontWeight: FontWeight.bold),),
children: <Widget>[
Padding(padding: EdgeInsets.all(25.0),
child : Text('DETAİL ${index} \n' + 'It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using "Content here, content here", making it look like readable English.',)
)
],
onExpansionChanged: ((newState){
if(newState)
setState(() {
Duration(seconds: 20000);
selected = index;
});
else setState(() {
selected = -1;
});
})
),
]
);
},
)
]
),
)
)
);
}
}
关于flutter - 展开新的ExpansionTile时折叠ExpansionTile,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59924241/
这是我的代码,我创建了一个 ExpansionTile 并且它有一个子 TextFormField。 import 'package:flutter/material.dart'; class Ord
关闭。这个问题需要debugging details .它目前不接受答案。 编辑问题以包含 desired behavior, a specific problem or error, and th
我的问题是: Flutter 有没有办法只允许扩展动态生成的 ListView 的一个 ExpansionTile? 例如我的 ListView 有三个 ExpansionTiles,我点击第一个,它
如何删除 ExpansionTile 中前导 Widget 中的垂直填充,使其看起来像下面的 ListTile? 这是我的代码: Container( decoration: BoxDecorat
有没有办法让 Flutter ExpansionTile 小部件上的旋转展开箭头作为前导而不是尾随? 最佳答案 const ExpansionTile( title: Text('
以下问题:我有一个列表 ExpansionTiles效果很好。我面临的唯一问题是,滚动到 View 之外的展开的 ExpansionTile 在再次滚动到 View 后将不再展开。这会导致不良的用户体
我创建了一个 expandtile,并将原来的尾随图标更改为我自定义的 svg 图标。每当我单击扩展图 block 时...一切正常,但新的 svg 尾随图标不会像原始尾随图标那样旋转。请问我该如何解
我正在打开一个表单来输入详细信息,并在填写完所有内容并提交后将其关闭,但只有尾随图标发生了变化,我还试图在 onExpansionChanged 中设置更改。但不会反射(reflect)在 UI 中。
我正在尝试使用扩展图 block 并在少数情况下禁用扩展功能...可以这样做吗?我的意思是任何现有的“扩展”小部件是否涵盖了这个东西?如果没有,那么是否有任何可用的软件包可以帮助我做到这一点?我应该如
我需要更改尾随的颜色 keyboard_down_arrow在 ExpansionTile .我曾尝试将它包装在 Theme 小部件中并设置重音、primary 和 IconTheme,但似乎没有任何
我有一个 ExpansionTile与 TextField当用户展开磁贴时,尝试将焦点设置到此文本字段。但由于某些原因,我无法让它工作。 这是代码: ExpansionTile( key: Pag
默认情况下,我们在 ExpansionTile 的 header 中有 16 个水平填充,因为它是 ListTile 并且它有 /// If null, `EdgeInsets.symmetric(h
listview 在 ExpansionTile 中不工作 我试图在 ExpansionTile 中显示一个 listview.builder,但它抛出了一些异常 Card( child
我将此作为扩展和折叠扩展瓦片的引用------ Flutter - Collapsing ExpansionTile after choosing an item 我想要的是,如果我打开一个扩展图 b
是否可以在 flutter 中更改扩展图 block ?具体来说,我想删除它在扩展时创建的分隔符。我也想调整它的填充。那可能吗?谢谢! 最佳答案 来自ExpansionTile的来源 https://
我试图让 ExpansionTile 在我选择一个项目后折叠,但它不会关闭打开的列表。 我尝试使用 onExpansionChanged 属性但没有成功 你怎么能解决这个问题? 插入一个gif,演示E
我想在“ExpansionTile”打开时更改颜色。当我打开我的 ExpansionTile 时,此时我得到了白色背景,但打开后我想要浅灰色,看起来像我的第一个屏幕截图这是我的代码。 我也想增加我的图
我想要做的是将圆角边缘应用到整个瓷砖,即使是在 child 内部的容器打开时,就像它折叠时一样。 我尝试使用 BoxDecoration 通过其容器应用样式,但它给了我错误。我不知道如何继续,因为与
我建了一个 Listview与 ExpansionTile .但是现在我想要,如果我点击 ExpansionTile那么只有ExpansionTile应开等 展开ExpansionTile应该关闭。
我想降低 expansionTile 的高度, 我试过了ConfigurableExpansionTile但它不支持空安全,所以我不能在我的项目中使用它。 我还在 ListTileTheme 中包装了
我是一名优秀的程序员,十分优秀!