Flutter 如何更改颤振蛇形条的高度?
我想制作一个类似YouTube用于连接状态的snackbar,但我无法更改snackbar的高度。有人能帮我吗 这是我已经完成的代码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.
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),
),
],
),
),
)