我正试图得到一个工作的手风琴面板,我发现在研究如何使一个,得到小部件版本。但是,当我把代码加进去后,正文中的其他东西都看不见了,显示的都是appbars。我知道具体是我这部分代码的问题,因为如果我把它拿出来,其他的东西都会再一次显示出来。如果有其他简单易懂的方法,我很想知道。GF手风琴一拿出来,其他的东西都会显示出来,这是应该的。是的,我确保支持GF Accordion的包已经被导入,并按规定添加到pubspec.yaml文件中。
Row(
children: <Widget>[
Container(
decoration: new BoxDecoration(
border: new BorderDirectional(
bottom: new BorderSide(
color: Color.fromRGBO(112, 112, 112, 0.25),
style: BorderStyle.solid
),
),
),
child: Column(
children: <Widget>[
new GFAccordion(
title: 'Requirements',
contentChild: Text('No requirements. Just bring yourself! Paint and brushes will be provided.'),
collapsedIcon: Icon(Icons.add),
expandedIcon: Icon(Icons.minimize),
),
],
),
),
],
),
你可以复制粘贴运行完整的代码,下面你可以设置 Container width
以控制 width
的 GFAccordion
代码段
Container(
width: 400,
工作示范
全码
import 'package:flutter/material.dart';
import 'package:getflutter/getflutter.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
int _counter = 0;
void _incrementCounter() {
setState(() {
_counter++;
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Container(
width: 400,
decoration: BoxDecoration(
border: BorderDirectional(
bottom: BorderSide(
color: Color.fromRGBO(112, 112, 112, 0.25),
style: BorderStyle.solid),
),
),
child: Column(
children: <Widget>[
GFAccordion(
title: 'Requirements',
contentChild: Text(
'No requirements. Just bring yourself! Paint and brushes will be provided.'),
collapsedIcon: Icon(Icons.add),
expandedIcon: Icon(Icons.minimize),
),
],
),
),
],
),
floatingActionButton: FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: Icon(Icons.add),
),
);
}
}