8_flutter_Divider(水平分割线),ListTile,IconButton(图标按钮)

1_Divider(水平分割线)

---

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Divider Demo'),
        ),
        body: SnackBarPage(),
      ),
    );
  }
}

class SnackBarPage extends StatefulWidget {
  @override
  _SnackBarPageState createState() => _SnackBarPageState();
}

class _SnackBarPageState extends State<SnackBarPage> {
  @override
  Widget build(BuildContext context) { 
    
    return Container(
      child: Column(
        children: <Widget>[

        Text('升降压'),
 Divider(height:10.0,indent:0.0,color: Colors.red,),

        Text('升降压'),

 Divider(height:10.0,indent:0.0,color: Colors.red,),

       Text('升降压'),

        ],
      )
    );
   
  }
}
复制代码

2_ListTile

---

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('ListTile Demo'),
        ),
        body: SnackBarPage(),
      ),
    );
  }
}

class SnackBarPage extends StatefulWidget {
  @override
  _SnackBarPageState createState() => _SnackBarPageState();
}

class _SnackBarPageState extends State<SnackBarPage> {
  @override
  Widget build(BuildContext context) { 
    
    return Container(
      child: Column(
        children: <Widget>[

       ListTile(
         leading: Icon(Icons.accessibility),
         title: Text('升压'),
         subtitle: Text('请点击'),
         trailing: Icon(Icons.adb),
         onTap: (){
           final snackBar = SnackBar(content: Text('升压'),);
           Scaffold.of(context).showSnackBar(snackBar);
         },
       ),

 Divider(height:10.0,indent:0.0,color: Colors.red,),

         ListTile(
         leading: Icon(Icons.airplay),
         title: Text('升降压'),
         subtitle: Text('请点击'),
         trailing: Icon(Icons.all_out),
         onTap: (){
           final snackBar = SnackBar(content: Text('升降压'),);
           Scaffold.of(context).showSnackBar(snackBar);
         },
       ),

 Divider(height:10.0,indent:0.0,color: Colors.red,),

       ListTile(
         leading: Icon(Icons.airline_seat_flat_angled),
         title: Text('降压'),
         subtitle: Text('请点击'),
         trailing: Icon(Icons.add_box),
         onTap: (){
           final snackBar = SnackBar(content: Text('降压'),);
           Scaffold.of(context).showSnackBar(snackBar);
         },
       ),

        ],
      )
    );
   
  }
}
复制代码

3_IconButton(图标按钮)

---

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('IconButton Demo'),
        ),
        body: SnackBarPage(),
      ),
    );
  }
}

class SnackBarPage extends StatefulWidget {
  @override
  _SnackBarPageState createState() => _SnackBarPageState();
}

class _SnackBarPageState extends State<SnackBarPage> {
  @override
  Widget build(BuildContext context) { 
    
    return Container(
      child:  IconButton(
             icon: Icon(Icons.all_out),
              onPressed: () {
               final snackBar = SnackBar(content: Text('成功'),);
              Scaffold.of(context).showSnackBar(snackBar); 
              },
            ),
    );
   
  }
}
复制代码

转载于:https://juejin.im/post/5c8200e45188257ea0389d16