（十二）Flutter 对话框 SimpleDialog AlertDialog BottomSheet snackBar ExpansionPanel

最新推荐文章于 2024-05-14 22:06:21 发布
最新推荐文章于 2024-05-14 22:06:21 发布
阅读量1.3k 收藏
点赞数
分类专栏： 042Flutter
独学而无友，则孤陋寡闻。q群582951247
本文链接：https://blog.csdn.net/mp624183768/article/details/86289860
版权

修改main.dart 

import 'package:flutter/material.dart';
import 'package:nihao_flutter/demo/form_demo.dart';
import 'package:nihao_flutter/demo/navigator_demo.dart';
import 'package:nihao_flutter/demo/home_demo.dart';
import 'package:nihao_flutter/demo/simple_dialog_demo.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) { 
    // TODO: implement build
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      // home: NavigatorDemo(),
      initialRoute: '/dialog',
      routes: {
        '/':(context)=>HomeDemo(), 
        '/form':(context)=>FormDemo(), 
        '/dialog':(context)=>SimpleDialogDemo(), 
        },
      theme: ThemeData(
          primarySwatch: Colors.yellow,
          highlightColor: Color.fromRGBO(255, 255, 255, 0.5),
          splashColor: Colors.red),
    );
  }
}

simle_dialog_demo.dart

简单的显示和关闭

import 'package:flutter/material.dart';

class SimpleDialogDemo extends StatefulWidget {
  @override
  _SimpleDialogDemoState createState() => _SimpleDialogDemoState();
}

class _SimpleDialogDemoState extends State<SimpleDialogDemo> {
  _openSimpleDialog() {
    showDialog(
        context: context,
        builder: (BuildContext context) {
          return SimpleDialog(
            title: Text('simpleDialog'),
            children: <Widget>[
              SimpleDialogOption(
                child: Text('Options A'),
                onPressed: (){
                  // 关闭对话框
                  Navigator.pop(context);
                },
              ),
              SimpleDialogOption(
                child: Text('Options B'),
                onPressed: (){
                  // 关闭对话框
                  Navigator.pop(context);
                },
              ),
              SimpleDialogOption(
                child: Text('Options C'),
                onPressed: (){
                  // 关闭对话框
                  Navigator.pop(context);
                },
              ),
            ],
          );
        });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('SimpleDialogDemo'),
        elevation: 0.0,
      ),
      body: Container(
        padding: EdgeInsets.all(16.0),
        child: Column(),
      ),
      floatingActionButton: FloatingActionButton(
        child: Icon(Icons.format_list_numbered),
        onPressed: _openSimpleDialog,
      ),
    );
  }
}

获取simpledialog中的数值

import 'package:flutter/material.dart';
import 'dart:async';

// 获取选中的数值
enum Option { A, B, C }

class SimpleDialogDemo extends StatefulWidget {
  @override
  _SimpleDialogDemoState createState() => _SimpleDialogDemoState();
}

class _SimpleDialogDemoState extends State<SimpleDialogDemo> {
  String _chose = "nothing";

  Future _openSimpleDialog() async {
    final option = await showDialog(
        context: context,
        builder: (BuildContext context) {
          return SimpleDialog(
            title: Text('simpleDialog'),
            children: <Widget>[
              SimpleDialogOption(
                child: Text('Options A'),
                onPressed: () {
                  // 关闭对话框
                  Navigator.pop(context, Option.A);
                },
              ),
              SimpleDialogOption(
                child: Text('Options B'),
                onPressed: () {
                  // 关闭对话框
                  Navigator.pop(context, Option.B);
                },
              ),
              SimpleDialogOption(
                child: Text('Options C'),
                onPressed: () {
                  // 关闭对话框
                  Navigator.pop(context, Option.C);
                },
              ),
            ],
          );
        });

    switch (option) {
      case Option.A:
        setState(() {
          _chose = "A";
        });
        break;
      case Option.B:
        setState(() {
          _chose = "B";
        });
        break;
      case Option.C:
        setState(() {
          _chose = "C";
        });
        break;
      default:
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('SimpleDialogDemo'),
        elevation: 0.0,
      ),
      body: Container(
        padding: EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('你选择了:$_chose'),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[],
            )
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        child: Icon(Icons.format_list_numbered),
        onPressed: _openSimpleDialog,
      ),
    );
  }
}

AlertDialog

import 'package:flutter/material.dart';
import 'dart:async';
class AlertDialogDemo extends StatefulWidget {
  @override
  _AlertDialogDemoState createState() => _AlertDialogDemoState();
}

class _AlertDialogDemoState extends State<AlertDialogDemo> {
  _openAlertDialog(){
    showDialog(
      context: context,
      // 空白地方点击不允许关闭
      barrierDismissible: false,
      builder: (BuildContext context){
        return AlertDialog(
          title: Text('ALertDialog'),
          content: Text('Are you sure about this?'),
          actions: <Widget>[
            FlatButton(
              child: Text('Cancel'),
              onPressed: (){
                Navigator.pop(context);
              },
            ),
            FlatButton(
              child: Text('OK'),
              onPressed: (){
                Navigator.pop(context);
              },
            )
          ],
        );
      }
    );
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('AlertDialogDemo'),
        elevation: 0.0,
      ),
      body: Container(
        padding: EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                RaisedButton(
                  child: Text('Open AlertDialog'),
                  onPressed: _openAlertDialog,
                )
              ],
            )
          ],
        ),
      ),
    );
  }
}

获取alert的值

 

import 'package:flutter/material.dart';
import 'dart:async';

enum Action {
  Ok,
  Cancel,
}

class AlertDialogDemo extends StatefulWidget {
  @override
  _AlertDialogDemoState createState() => _AlertDialogDemoState();
}

class _AlertDialogDemoState extends State<AlertDialogDemo> {
  String _choice = 'Nothing';
  Future _openAlertDialog() async {
    final action = await showDialog(
        context: context,
        // 空白地方点击不允许关闭
        barrierDismissible: false,
        builder: (BuildContext context) {
          return AlertDialog(
            title: Text('ALertDialog'),
            content: Text('Are you sure about this?'),
            actions: <Widget>[
              FlatButton(
                child: Text('Cancel'),
                onPressed: () {
                  Navigator.pop(context, Action.Cancel);
                },
              ),
              FlatButton(
                child: Text('OK'),
                onPressed: () {
                  Navigator.pop(context, Action.Ok);
                },
              )
            ],
          );
        });

    switch (action) {
      case Action.Ok:
        setState(() {
          _choice = 'OK';
        });
        break;
      case Action.Cancel:
        setState(() {
          _choice = 'Canel';
        });
        break;
      default:
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('AlertDialogDemo'),
        elevation: 0.0,
      ),
      body: Container(
        padding: EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text('你选择了:$_choice'),
            SizedBox(
              height: 16.0,
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                RaisedButton(
                  child: Text('Open AlertDialog'),
                  onPressed: _openAlertDialog,
                )
              ],
            )
          ],
        ),
      ),
    );
  }
}

BottomSheet 底部滑动窗口

import 'package:flutter/material.dart';

class BottomSheetDemo extends StatefulWidget {
  @override
  _BottomSheetDemoState createState() => _BottomSheetDemoState();
}

class _BottomSheetDemoState extends State<BottomSheetDemo> {
  final _boottomSheetScaffoldKey = GlobalKey<ScaffoldState>();

  _openBottomSheet() {
    _boottomSheetScaffoldKey
        .currentState
        .showBottomSheet((BuildContext context) {
      return BottomAppBar(
        child: Container(
          height: 90.0,
          width: double.infinity,
          padding: EdgeInsets.all(16.0),
          child: Row(
            children: <Widget>[
              Icon(
                Icons.pause_circle_outline,
              ),
              SizedBox(width: 16.0),
              Text('01:30 / 03:30'),
              Expanded(
                child: Text('Fix you - Coldplay', textAlign: TextAlign.right),

              )
            ],
          ),
        ),
      );
    });
  }

  _closeBottomSheet() {
    Navigator.pop(context);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      key: _boottomSheetScaffoldKey,
      appBar: AppBar(
        title: Text('BottomSheetDemo'),
        elevation: 0.0,
      ),
      body: Container(
        padding: EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                FlatButton(
                  child: Text('Open BottomSheet'),
                  onPressed: _openBottomSheet,
                ),
                FlatButton(
                  child: Text('Close BottomSheet'),
                  onPressed: _closeBottomSheet,
                )
              ],
            )
          ],
        ),
      ),
    );
  }
}

BottomSheet 对话框形式底部滑动窗口

这种bottomSheet显示出来以后就不能用别的东西了 一般分享功能都是用的这个

import 'package:flutter/material.dart';

class BottomSheetDemo extends StatefulWidget {
  @override
  _BottomSheetDemoState createState() => _BottomSheetDemoState();
}

class _BottomSheetDemoState extends State<BottomSheetDemo> {
  final _boottomSheetScaffoldKey = GlobalKey<ScaffoldState>();
  _openBottomSheet() {
    _boottomSheetScaffoldKey.currentState
        .showBottomSheet((BuildContext context) {
      return BottomAppBar(
        child: Container(
          height: 90.0,
          width: double.infinity,
          padding: EdgeInsets.all(16.0),
          child: Row(
            children: <Widget>[
              Icon(
                Icons.pause_circle_outline,
              ),
              SizedBox(width: 16.0),
              Text('01:30 / 03:30'),
              Expanded(
                child: Text('Fix you - Coldplay', textAlign: TextAlign.right),
              )
            ],
          ),
        ),
      );
    });
  }

 Future _openModalBottomSheet() async{
    final option=await showModalBottomSheet(
        context: context,
        builder: (BuildContext context) {
          return Container(
            height: 200.0,
            child: Column(
              children: <Widget>[
                ListTile(
                  title: Text('Option A'),
                  onTap: (){
                    Navigator.pop(context,"A");
                  },
                ),
                ListTile(
                  title: Text('Option B'),
                          onTap: (){
                    Navigator.pop(context,"B");
                  },
                ),
                ListTile(
                  title: Text('Option C'),
                          onTap: (){
                    Navigator.pop(context,"C");
                  },
                ),
              ],
            ),
          );
        });
        debugPrint(option);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      key: _boottomSheetScaffoldKey,
      appBar: AppBar(
        title: Text('BottomSheetDemo'),
        elevation: 0.0,
      ),
      body: Container(
        padding: EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                FlatButton(
                  child: Text('Open BottomSheet'),
                  onPressed: _openBottomSheet,
                ),
                FlatButton(
                  // 对话框形式底部滑动窗口
                  child: Text('Modal BottomSheet'),
                  onPressed: _openModalBottomSheet,
                ),
              ],
            )
          ],
        ),
      ),
    );
  }
}

SnackBar操作提示栏

import 'package:flutter/material.dart';
class SnackBarDemo extends StatefulWidget {
  @override
  _SnackBarDemoState createState() => _SnackBarDemoState();
}

class _SnackBarDemoState extends State<SnackBarDemo> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('SnackBarDemo'),
        elevation: 0.0,
      ),
      body: Container(
        padding: EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                SnackBarButton()
              ],
            )
          ],
        ),
      ),
    );
  }
}

class SnackBarButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return FlatButton(
      child: Text('Open SnackBar'),
      onPressed: (){
        Scaffold.of(context).showSnackBar(
          SnackBar(
            content: Text('Processing....'),
            action: SnackBarAction(
              label: 'Ok',
              onPressed: ()
              {debugPrint('OK');},
            ),
          )
        );
      },
    );
  }
}

ExpansionPanel面板的收缩

import 'package:flutter/material.dart';
class ExpansionPanelDemo extends StatefulWidget {
  @override
  _ExpansionPanelDemoState createState() => _ExpansionPanelDemoState();
}

class _ExpansionPanelDemoState extends State<ExpansionPanelDemo> {
  // 面板不会自动收缩的  所以使用这个数值来控制自动收缩
  bool _isExpanded=false;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('ExpansionPanelDemo'),
        elevation: 0.0,
      ),
      body: Container(
        padding: EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            // 点击监听
            ExpansionPanelList(
              expansionCallback: (int panelIndex,bool isExpanded){
                setState(() {
                            _isExpanded=!isExpanded;     
                                });
              },
              children: [
                ExpansionPanel(
                  headerBuilder: (BuildContext context,bool isExpanded){
                    return Container(
                      padding: EdgeInsets.all(16.0),
                      child: Text(
                        'Panel A',
                        style: Theme.of(context).textTheme.title,
                      ),
                    );
                  },
                  body:Container(
                    padding: EdgeInsets.all(16.0),
                    width: double.infinity,
                    child: Text('Content for Panel A'),
                  ),
                  // 面板的 默认展开和关闭
                  isExpanded: _isExpanded,
                )
              ],
            )
         
          ],
        ),
      ),
    );
  }
}

ExpansionPanel 面板列表项目

import 'package:flutter/material.dart';
class ExpansionPanelItem{
  final String headerText;
  final Widget body;
  bool isExpandede;
  ExpansionPanelItem({
    this.headerText,
    this.body,
    this.isExpandede,
  });
}


class ExpansionPanelDemo extends StatefulWidget {
  @override
  _ExpansionPanelDemoState createState() => _ExpansionPanelDemoState();
}

class _ExpansionPanelDemoState extends State<ExpansionPanelDemo> {
  // 面板不会自动收缩的  所以使用这个数值来控制自动收缩
  List<ExpansionPanelItem> _expansionPanelItems;
  @override
    void initState() {
      super.initState();
      _expansionPanelItems=<ExpansionPanelItem>[
        ExpansionPanelItem(
          headerText: 'Panel A',
          body: Container(
            padding: EdgeInsets.all(16.0),
            width: double.infinity,
            child: Text('Content for Panel A.'),
          ),
          isExpandede: false,
        ),
        ExpansionPanelItem(
          headerText: 'Panel B',
          body: Container(
            padding: EdgeInsets.all(16.0),
            width: double.infinity,
            child: Text('Content for Panel B.'),
          ),
          isExpandede: false,
        ),
        ExpansionPanelItem(
          headerText: 'Panel C',
          body: Container(
            padding: EdgeInsets.all(16.0),
            width: double.infinity,
            child: Text('Content for Panel C.'),
          ),
          isExpandede: false,
        ),
      ];
    }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('ExpansionPanelDemo'),
        elevation: 0.0,
      ),
      body: Container(
        padding: EdgeInsets.all(16.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            // 点击监听
            ExpansionPanelList(
              expansionCallback: (int panelIndex,bool isExpanded){
                setState(() {
                            _expansionPanelItems[panelIndex].isExpandede=!isExpanded;     
                                });
              },
              children:_expansionPanelItems.map(
                (ExpansionPanelItem item){
                  return ExpansionPanel(
                    isExpanded: item.isExpandede,
                    body: item.body,
                    headerBuilder: (BuildContext context,bool isExpanded){
                      return Container(
                        padding: EdgeInsets.all(16.0),
                        child: Text(
                          item.headerText,
                          style: Theme.of(context).textTheme.title,
                        ),
                      );
                    }
                  );
                }
              ).toList(),
            )
         
          ],
        ),
      ),
    );
  }
}

 

main代码

import 'package:flutter/material.dart';
import 'package:flutter_app/home/home.dart';
import 'demo/alert_dialog_demo.dart';
import 'demo/btootem_sheet_demo.dart';
import 'demo/expansion_panel_demo.dart';
import 'demo/form_demo.dart';
import 'demo/navigator_demo.dart';
import 'demo/page_demo.dart';
import 'demo/simple_dialog_demo.dart';
import 'demo/snack_bar_demo.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      // home: NavigatorDemo(),
      initialRoute: '/expansion_panel',
      routes: {
        '/': (context) => Home(),
        '/form': (context) => FormDemo(),
        '/dialog': (context) => SimpleDialogDemo(),
        '/alert_dialog': (context) => AlertDialogDemo(),
        '/bottom_sheet': (context) => BottomSheetDemo(),
        '/snack_bar': (context) => SnackBarDemo(),
        '/expansion_panel': (context) => ExpansionPanelDemo(),
      },
      theme: ThemeData(
          primarySwatch: Colors.yellow,
          highlightColor: Color.fromRGBO(255, 255, 255, 0.5),
          splashColor: Colors.white70),
    );
  }
}

 

安果移不动
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Flutter中各种对话框的使用
越陌度阡
12-12 2971
Flutter提供了多种对话框组件供开发者使用，以下代码中演示了常见对话框的实现，供大家参考，欢迎大家复制粘贴和吐槽。 import 'package:flutter/material.dart'; // pubspec.yaml 中配置 fluttertoast: ^8.0.7 import 'package:fluttertoast/fluttertoast.dart'; void main() { runApp(MyApp()); } // 抽离成一个单独的组件 class MyApp
Flutter SnackBar 提示信息
03-29
SnackBar是用户操作后，显示提示信息的一个控件，类似Toast，会自动隐藏。它还可以添加操作按钮，等等。SnackBar是通过Scaffold的showSnackBar方法来显示的。所以要显示一个SnackBar,要先拿到Scaffold。 当Build...
Flutter开发之——ExpansionPanelList
我的博客
04-20 1849
一 概述 本文讲述扩展组件 ExpansionPanelList ：扩展列表组件，类似于ListView ExpansionPanel：类似于ListView中子View，有扩展头和折叠部分 ExpansionPanelList要被SingleChildScrollView包裹，否则抛出如下异常 二 ExpansionPanelList 2.1 源码 const ExpansionPanelList({ Key? key, this.children = const <Expan
flutter组件 ExpansionPanelList,ExpansionPanel,Chip,ActionChip,ChoiceChip,FilterChip,InputChip
litter_lj的博客
08-06 1181
1.ExpansionPanelList const ExpansionPanelList({ Key key, this.children = const <ExpansionPanel>[], //子集 this.expansionCallback, //展开闭合的回调 this.animationDuration = kThemeAnimat...
Flutter 中的 AlertDialog 小部件：全面指南
最新发布
smileKH的博客
05-14 545
你可以通过设置不同的属性来定制// 处理不同意操作},),// 处理同意操作},),],),是一个在需要向用户显示重要信息或请求用户做出选择时非常有用的组件。它不仅提供了必要的交互功能，还允许你根据应用的风格进行定制。使用可以创建出既美观又实用的模态对话框，同时保持了Material Design的一致性。记住，设计时应考虑用户的交互体验，确保对话框内容的可读性和易用性。通过上述示例，你应该能够理解如何在Flutter应用中使用，并且可以根据你的需求进行自定义。
Flutter 系统是如何实现ExpansionPanelList的
老孟Flutter
05-05 1627
老孟导读：Flutter组件有一个很大的特色，那就是很多复杂的组件都是通过一个一个小组件拼装而成的，今天就来说说系统的ExpansionPanelList是如何实现的。 在了解ExpansionPanelList实现前，先来了解下MergeableMaterial，它展示多个MergeableMaterialItem组件，当子组件发生变化时，以动画的方式打开或者关闭子组件，Mergeable...
Flutter 组件之AlertDialog、SimpleDialog、showModalBottomSheet、showToast、自定义Dialog
June.1
03-28 1万+
AlertDialog dialog弹框 在 showDialog中 定义 AlertDialog _alertDialog () async { var result = showDialog<void>( context: context, barrierDismissible: true, // false = user mu...
Flutter BottomSheet 底部滑出的组件
10-11
通常很少直接使用 BottomSheet 而是使用 showModalBottomSheet。(这是官网原话，我也没弄明白BottomSheet是怎么使用的) 本demo介绍的是showModalBottomSheet
Flutter中 AlertDialog、SimpleDialog、showModalBottomSheet及第三方组件fluttertoast的使用
01-07
import 'package:flutter/material.dart'; import 'package:fluttertoast/fluttertoast.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext ...
flutter-modal-bottom-sheet
03-18
颤振模态底片 这是底部模态表的简单演示。 归功于： 背景音乐： YouTube音频库一种。满足与娱乐！，作者：Ofshane b。尼科·斯塔夫（Nico Staf）的《阳光之旅》 C。 Cheel的“柔和的感觉” d。...
Flutter-Custom-AlertDialog:Flutter自定义AlertDialog
03-16
flutter_custom_alertdialog 一个新的Flutter应用程序。 入门 该项目是Flutter应用程序的起点。 如果这是您的第一个Flutter项目，那么有一些资源可以帮助您入门： 要获得Flutter入门方面的帮助，请查看我们的，...
学习记录：Flutter中的滑动
weixin_44486516的博客
03-08 4439
1、前言 Flutter 中有两种布局模型：基于 RenderBox 的盒模型布局；基于 Sliver ( RenderSliver ) 按需加载列表布局。 2、具体组件 （1）ListView listview各个构造函数的共同参数 double? itemExtent, Widget? prototypeItem, //列表项原型，后面解释 bool shrinkWrap = false, bool addAutomaticKeepAlives = true, bool a...
Flutter UI库
体验Android编程之美
12-24 4600
Flutter UI Best-Flutter-UI-Templates 地址：https://github.com/mitesh77/Best-Flutter-UI-Templates The History of Everything 地址：https://github.com/2d-inc/HistoryOfEverything flame 一款简约的Fl...
Flutter实战一Flutter聊天应用（十七）
咖啡花园
08-08 6823
在正文开始之前，我们先组织一下数据，所有Firebase实时数据库的数据都被存储为Json对象。我们可以将该数据库视为云托管Json树，该数据库与SQL数据库不同，没有任何表格或记录。当我们将数据添加至Json树时，它变为现有Json结构中的一个节点。虽然Firebase实时数据库允许嵌套数据的深度多达32层，然而，当我们提取数据库中某个位置的数据时，也会检索所有子节点。另外，当我们向某用户授予数据
106、Flutter实现动态批题
u012416045的博客
05-29 527
如上图所示，用户通过点击True或者False按钮，对于上图中的题目进行批阅， 并且在最下边的横条中出现√或者× 1、首先在主文件中画出该界面的布局，和样式 由下图所示，该布局在整体的StatelessWidget 中嵌套了一个StatefulWidget 并且在安全区域中嵌套了两个Expanded widget import 'package:flutter/mater...
9_flutter_SimpleDialog(对话框),FloatingActionButton(浮动按钮),Slider(滑动器)
weixin_34377065的博客
03-08 330
1_SimpleDialog(对话框) import 'package:flutter/material.dart'; import 'dart:async'; void main(){ runApp(MaterialApp( home: MyApp(), )); } class MyApp extends StatefulWidget { @override _S...
flutter 点击可展开收缩列表组件ExpansionPanelList
weixin_43294560的博客
04-28 5564
点击可展开收缩列表组件 必须放在可滚动组件里 ExpansionPanelList( expansionCallback: (index,bool){ 点击右侧图标的回调 一般用来设置是否展开收缩 }, children:[ ExpansionPanel( he...
Flutter 所有UI控件使用教程
热门推荐
z979451341的博客
06-14 3万+
本篇博客将把Flutter所有UI控件的使用方法写出，我学习Flutter是通过Flutter官网来学习的，不需要科学上网，比如这这个网址说的就是Flutter的UI控件的使用方法  https://flutter.io/widgets/widgetindex/   1.基础控件   首先说一下最基础的控件有哪些，基础使用方法 文字显示 new Text('Hello World',...
flutter BottomSheet
05-27
Flutter提供了一个名为`BottomSheet`的小部件，用于在页面底部显示一个可滚动的内容面板。以下是一个简单的示例，演示如何使用`BottomSheet`小部件： ```dart void _showBottomSheet(BuildContext context) { ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

安果移不动

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值