Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/dart/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 如何更改颤振蛇形条的高度?_Flutter_Dart_Flutter Layout - Fatal编程技术网

Flutter 如何更改颤振蛇形条的高度?

Flutter 如何更改颤振蛇形条的高度?,flutter,dart,flutter-layout,Flutter,Dart,Flutter Layout,我想制作一个类似YouTube用于连接状态的snackbar,但我无法更改snackbar的高度。有人能帮我吗 这是我已经完成的代码 Get.snackbar("", "You are connected to internet", snackPosition: SnackPosition.BOTTOM, backgroundColor: Colors.green, padding: EdgeInsets.

我想制作一个类似YouTube用于连接状态的snackbar,但我无法更改snackbar的高度。有人能帮我吗

这是我已经完成的代码

Get.snackbar("", "You are connected to internet",
        snackPosition: SnackPosition.BOTTOM,
        backgroundColor: Colors.green,
        padding: EdgeInsets.symmetric(
          vertical: 0,
        ),
        barBlur: 0,
        maxWidth: double.infinity,
        snackStyle: SnackStyle.GROUNDED,
        borderRadius: 0.0);
使用哪一个能准确地解决你的目的

 ConnectivityWidget(
        builder: (context, isOnline) => Center(
          child: Column([
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text("${isOnline ? 'Connected' : 'No connectivity'}", style: TextStyle(fontSize: 30, color: isOnline ? Colors.green : Colors.red),),
              SizedBox(height: 20,),
              Text(
                'Number of times we connected to the internet:',
              ),
              Text(
                '$_counter',
                style: Theme.of(context).textTheme.display1,
              ),
            ],
          ),
        )
ConnectivityWidget(
生成器:(上下文,isOnline)=>中心(
子:列([
mainAxisAlignment:mainAxisAlignment.center,
儿童:[
文本(${isOnline?'Connected':'No connectivity'}),样式:TextStyle(fontSize:30,颜色:isOnline?Colors.green:Colors.red),
尺寸箱(高度:20,),
正文(
“我们连接到internet的次数:”,
),
正文(
“$”计数器“,
样式:Theme.of(context).textTheme.display1,
),
],
),
)
输出:


SnackBar将小部件作为子部件

SnackBar获取要渲染的子对象的高度

比如说

当您经过高度为200的容器时,它将设置快餐店的高度为200

scaffoldKey.currentState.showSnackBar(
      SnackBar(
        content: Container(
          height: 200,
          child: Center(child: Text('Hi')),
        ),
      ),
    );
或者它会随着快餐店孩子的成长而成长

scaffoldKey.currentState.showSnackBar(
      SnackBar(
        content: Container(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              Text('Hi'),
              SizedBox(height: 25,),
              Text('Hello'),
            ],
          ),
        ),
      ),
    );
scaffoldKey.currentState.showSnackBar(
小吃条(
内容:容器(
子:列(
mainAxisSize:mainAxisSize.min,
儿童:[
文本(“Hi”),
尺寸箱(高度:25,),
Text('Hello'),
],
),
),
),
);
您可以创建将任何小部件作为孩子传递给快餐店。

使用连接小部件:^0.1.7

依赖关系:

dependencies:
     connectivity_widget: ^0.1.7
           ConnectivityWidget(
            builder: (context, isOnline) => Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Text(
                    "${isOnline ? 'Connected' : 'Offline'}",
                    style: TextStyle(
                        fontSize: 30,
                        color: isOnline ? Colors.green : Colors.red),
                  ),
                ],
              ),
            ),
          )
代码:

dependencies:
     connectivity_widget: ^0.1.7
           ConnectivityWidget(
            builder: (context, isOnline) => Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Text(
                    "${isOnline ? 'Connected' : 'Offline'}",
                    style: TextStyle(
                        fontSize: 30,
                        color: isOnline ? Colors.green : Colors.red),
                  ),
                ],
              ),
            ),
          )
完整代码

import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter_applicationdemo08/splashScreen.dart';
import 'package:image_picker/image_picker.dart';
import 'package:connectivity_widget/connectivity_widget.dart';

void main() => runApp(MaterialApp(
      title: 'Flutter Calendar',
      home: Scaffold(
        body: ConnectivityWidget(
          builder: (context, isOnline) => MyApp(),
        ),
      ),
    ));

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        fontFamily: "intel",
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: Splash(),
    );
  }
}
输出:

dependencies:
     connectivity_widget: ^0.1.7
           ConnectivityWidget(
            builder: (context, isOnline) => Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Text(
                    "${isOnline ? 'Connected' : 'Offline'}",
                    style: TextStyle(
                        fontSize: 30,
                        color: isOnline ? Colors.green : Colors.red),
                  ),
                ],
              ),
            ),
          )