美文网首页
Flutter 点击展开和关闭

Flutter 点击展开和关闭

作者: 叶秋_YQ | 来源:发表于2019-05-05 13:35 被阅读0次
点击展开关闭
import 'package:flutter/material.dart';
import 'expansion_tile_demo.dart';
main(){
  runApp(MyApp());
}
class MyApp extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData.dark(),
      home: ExpansionTileDemo()
    );
  }
}
import 'package:flutter/material.dart';
class ExpansionTileDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Expansion Tile Demo')),
      body: Center(
        child: ExpansionTile(
          title: Text('Expansion Tile '),
          // 放开始的组件
          leading: Icon(Icons.ac_unit),

          // 设置点开后的背景颜色
          backgroundColor: Colors.white24,
          // 设置展开显示的内容
          children: <Widget>[
            ListTile(
              title: Text('List title'),
              subtitle: Text('Subtitle'),
            )
          ],
          // 第一次显示打开的状态
          //initiallyExpanded: true,
        ),
      ),
    );
  }
}

相关文章

网友评论

      本文标题:Flutter 点击展开和关闭

      本文链接:https://www.haomeiwen.com/subject/olproqtx.html